PLM之家PLMHome-国产软件践行者

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x
$ Y" A3 n+ |- S& {' }# b
9 y+ B( y; P" J8 l1 B' _3 J- j
# j- O6 z" \) r  \! W( T
<!DOCTYPE html># L6 C% x0 X, o* v$ G  I1 y
<html lang="en">, m- G( E% U) I% w8 h" j5 \

& _" C/ d/ R" ^<head>( d4 w- n7 m- Z4 [) |/ i
    <meta charset="UTF-8">
0 j/ h# ^' Q, s% L6 S% y) g    <title>Event Bind</title># r" E" L; W6 T6 |/ O
    <script src="./vue.js"></script>
; t- G  U# H  n/ j5 q, K</head>8 W/ V* W( c2 {; ~/ E

6 q9 U' g/ T) u0 \- R7 u6 R9 J  w9 [5 V<body>  p7 Y8 m9 o) _
    <div id="root"># E6 P7 f# l, S
        <div :title="title">Hello World</div>' d% T. H; g  Y( f! v
        <!-- v-bind: is the same as : -->
7 G9 e3 ?3 ]& a& G4 w8 J        <!-- v-model -->
: N8 M6 q5 j, X' Z- [2 S  o        <input type="text" v-model="content" />
. M4 [& l& J1 j) l7 J/ G        <div>{{content}}</div>
; l/ B( D+ c' L; Y- @0 z    </div>
' Y$ O# t* P/ x8 P0 C  _% D# K    <script>& y* u# X4 ~( k0 b* [0 W) |" `
        new Vue(
7 G! J3 o5 |( C4 n# C* Z& b1 \            {6 U) q0 I! H; q0 @+ A
                el: root,
5 T$ v+ O% _& `, u& O7 |! h- j: z                data: {) Q4 z$ \- M! P  k& t' o" O7 }
                    title: "this is hello world",
1 N% U, h% ?, ^+ o" \! A                    content: "this is content"
! w4 Y$ ]) z) {                },
' u) K* `1 b4 u4 w) p                methods: {
, }4 H; r! z7 U" Q5 F
9 z) A3 O, r6 C! T" ]3 ~                }
" C& ?  ~) a# V- Y/ u4 F* c) F            }
, h' @8 A- l+ @* A. Z0 t& h        )) _, k* z: K6 i+ _1 j
    </script>' J  o0 s( g, a! g, Z3 d
</body>
, @% {$ M* r9 T, v
" h7 q  E: k6 y* V1 f</html>
7 L& `* j2 _  L% Q# }; T
) T- I: @1 z! d7 W; t- o  R" U" q

& I& S# C* \, x! Y# z5 B" S
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了