PLM之家PLMHome-工业软件践行者

[前端框架] Vuejs 属性绑定和双向数据绑定

[复制链接]

2019-8-6 16:08:30 2162 0

admin 发表于 2019-8-6 16:08:30 |阅读模式

admin 楼主

2019-8-6 16:08:30

请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!

您需要 登录 才可以下载或查看,没有账号?注册

x
4 @6 _% U( a- `
) |/ A/ ]4 l; b( N( D) M$ B& ^' J
& P6 W/ p5 Q2 D6 A2 U4 _) X. y! @' u- f
<!DOCTYPE html>3 c' c: I( J6 n
<html lang="en">( M& i0 y9 N% n3 [9 D3 W
8 R! ^3 \6 H, d. S  [4 {: E
<head>4 q* O4 @6 @$ D  z7 c6 @
    <meta charset="UTF-8">
+ z  N: L; R" g2 Q6 W' n. E+ p    <title>Event Bind</title>
5 j: \, R1 m( z0 F) y    <script src="./vue.js"></script>
& h! l4 X, Y7 m9 M8 g</head>
, b4 Q+ C% {( Z, F5 g# ~/ q% I' Y, ?. P
<body>
8 Z; `' N9 Z: R- H- r    <div id="root">
5 ?* U8 l- ^/ |        <div :title="title">Hello World</div>' `0 |0 |6 b  k
        <!-- v-bind: is the same as : -->" h! v; q, A: @* l$ W! v2 Y
        <!-- v-model -->
$ q1 y/ F7 U0 e: q, D1 c& @) Z        <input type="text" v-model="content" />2 u! u4 O/ ^$ d
        <div>{{content}}</div>
8 B- ~  W; ]4 b9 b- u8 O    </div>* c4 i# a1 q; s& e# y
    <script>- j% \7 W- f  K4 j% H+ ~" }( u
        new Vue(
. f, L/ n7 W" t4 W2 \# @9 c            {
6 Y! }; }5 A4 ?) a* D  ^6 D                el: root,+ m2 ~# U' p) d# e* s6 i6 T8 I! ~) Q" r
                data: {
' W: [7 K+ e+ ~                    title: "this is hello world",
) F/ N: L) C3 f! }& T3 O                    content: "this is content"
0 `7 D2 o" i4 Z# E3 p                },9 [& O; u; i! t
                methods: {6 X# H4 _2 e- p5 u, h2 C4 N6 S! I
$ L. z' a+ _& V. b; `
                }& x0 L; |! t- w+ T' L4 X4 F3 D4 l7 p
            }
6 q4 b- O$ o5 j        )0 g) q& J3 F+ M, x
    </script>
" @3 c2 a- D* v0 ]) Z( M1 l</body>5 J+ r' e9 n. J! ^) Q) k* s( o
8 G3 o; Y$ A/ v) Q
</html>& ~- J1 A4 U+ y
3 U( [3 ?8 _/ X7 [9 I/ L

$ ?3 X# a! N4 V+ m
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 doTeam.tech
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 注册

返回列表 本版积分规则

  • 发布新帖

  • 在线客服

  • 微信

  • 客户端

  • 返回顶部

  • x
    温馨提示

    本网站(plmhome.com)为PLM之家工业软件学习官网站

    展示的视频材料全部免费,需要高清和特殊技术支持请联系 QQ: 939801026

    PLM之家NX CAM二次开发专题模块培训报名开始啦

    我知道了