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

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x
; Y9 y) a+ T4 g. F) q
' p. q9 H8 C8 T5 Y
6 d3 ~  i. X% `: V0 j& o* |: i
<!DOCTYPE html>
' O* a* c% T0 `  \# Q<html lang="en">
# p9 G" s; t4 c; \1 l, q$ S. t2 N1 c1 O, t+ Q
<head>
& A! x' }: }8 S    <meta charset="UTF-8">
. e$ e/ h- s: n( B  a. k( |3 L1 @- M    <title>Event Bind</title>. O6 P' Q! B+ d0 f
    <script src="./vue.js"></script>
) V3 J+ s5 P' W* g3 [: [0 y. @1 M/ O9 n</head>' U! a! I. Z0 O$ s+ q

- b3 \- g- C4 z% j* c<body>6 x+ ]# T5 R0 P. N  h; J7 O
    <div id="root">
- F7 b+ m) f  R        <div :title="title">Hello World</div>0 e' x) N6 Z- V: [6 V) _% N0 I3 r
        <!-- v-bind: is the same as : -->8 j0 T& r' ?& m1 x
        <!-- v-model -->
1 c) c9 H: I8 g/ a        <input type="text" v-model="content" />* s' @, X* Q0 `5 ^
        <div>{{content}}</div>
" v6 P# `% B0 S9 a  _9 C  x    </div>" E# y( ~, r) b; g. \
    <script>
# R& {: t; U& ]% M7 P, w8 K        new Vue(
# S( s2 E: S6 k# p            {9 j* z8 c- k/ e0 N; j3 ^$ }1 ~
                el: root,
- m  c" d; `+ p+ Z( |                data: {1 c, o$ f' A7 G
                    title: "this is hello world",$ `; \* h* C. A: y2 V& n
                    content: "this is content"2 A& p' h* C% d8 E+ o( S: L% ?
                },- m. y) E! \$ t6 g; m
                methods: {
, n' u" D5 H1 w6 X3 w  F: p, I+ o- h# S7 R& j# [- O: W
                }# e0 A  K( h4 ~* b
            }
0 D6 y/ u; L. P% I; v" a        )
) T* S' U6 u2 e! [" I: Z    </script>
8 c7 |2 O+ J3 s: [; u- N</body>0 T: ^3 N# I# T
6 }% E, ~! X: h. M. Q9 j. Q
</html>
5 b& b8 D: z8 z; J6 z6 {. j' D, N

- v1 r8 _% c* U! w. Z
' A! h$ K0 M( ?1 T, `# ]' T  {
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了