PLM之家PLMHome-工业软件与AI结合践行者

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x

6 V3 j: A! m- m2 W7 A/ J* G1 t
# `- z. f/ w% R- x$ Y6 v
/ Q0 v' ~# W# Q: ?. H& ^<!DOCTYPE html>
$ t- M& T& y3 c<html lang="en">
; p9 b1 t! n2 l& K* r5 D8 a0 N4 j7 j  k  M$ J2 J
<head>& U  d2 }* Q% k5 T9 N8 Y3 v
    <meta charset="UTF-8">1 a) |7 o  `2 x5 F( I
    <title>Event Bind</title>
: K4 B: e, G  `, d    <script src="./vue.js"></script>
* }' A  i( m( O/ t</head>) w; Z7 Z8 f5 w- G# q3 M

1 _# O4 o  |8 z0 }, T$ E  R) {<body>6 ^$ F0 D$ }+ d8 B, @3 x
    <div id="root">2 D- u( Z5 s# `  ?' o
        <div :title="title">Hello World</div>9 b0 ^4 R5 F: g/ |3 F9 y
        <!-- v-bind: is the same as : -->* z) U3 Y# ]/ g6 C
        <!-- v-model -->
8 `1 v" f$ z- X4 M9 X9 j        <input type="text" v-model="content" />4 k9 T3 Q6 b$ @7 Q8 X0 q
        <div>{{content}}</div>7 ^: x) {, o- B
    </div>
2 {# \6 X5 D0 `7 I7 G5 L7 B- _/ j6 y    <script>
7 q: }4 o- W6 @5 r8 c, d( D- S        new Vue(
8 c7 t1 |; q) h6 N8 }            {
3 ~# N( |: \, ~# m: A2 F$ z7 Q                el: root,% e* H, d+ Y. ~
                data: {
3 E( S! h" f/ j( ~2 T                    title: "this is hello world",! P" f4 [2 h0 m+ v0 |' v
                    content: "this is content"
; x1 B+ T- w8 `( l0 u* a                },0 M( F4 y" X. Q8 p2 g
                methods: {
9 M* g' y  L1 l9 w7 X4 E5 D  U# L/ z( e( X5 h: ^* w
                }
9 v& d) z/ I0 C. D/ k/ A            }
* o0 T, y$ L$ N/ V        )
  ^% S' C* D# t+ g, A# G4 L    </script>
* V5 N" f' [3 o$ J$ x) `</body>2 h* m% v* C  ?+ }
) \- t- j4 f( ?
</html>
) S0 `6 W' h  J, f9 R/ y- W* ]/ `

3 l2 q& X- A( e/ g* K7 A3 O
8 X0 E, x2 n2 D4 l/ z
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了