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

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x
  X- p4 \+ Q) m  @" T+ Y) ~

. m; Y5 X. m1 Y: [" l4 L
5 c+ F! N+ i- m9 [0 Q<!DOCTYPE html>8 h* G0 a6 N! X
<html lang="en">
0 M* W/ z, w; I$ c5 K8 M
7 g6 s, A" k' ], w) X<head>+ k5 L" `8 o5 l; [! X' P( W5 ?
    <meta charset="UTF-8">
) T* w$ H' a& r% L6 j  `' C    <title>Event Bind</title>
6 R! [! e3 O& G% d    <script src="./vue.js"></script>+ v; T- ]8 ^5 S" R1 V' g( W+ [
</head>
. [! G- X6 \3 e: o, n/ _8 X0 r! P7 X6 e6 `
<body>0 ~" S9 ]! L) S7 ?( W
    <div id="root">2 W& ^3 Y: ]1 @3 w' ?
        <div :title="title">Hello World</div>
  \) t* z7 o+ F$ ]8 C, r7 J% m        <!-- v-bind: is the same as : -->( V2 U& w$ m9 a* q
        <!-- v-model -->4 L# s3 h0 m3 `, i; J  u
        <input type="text" v-model="content" />
/ z! Z$ Z: ^1 Z- N. \        <div>{{content}}</div>( [# ^" b5 k% w1 \2 m+ u  k
    </div>
2 U+ D! r% [0 ~    <script>2 ^2 S  h7 c7 H! g2 j# |9 C# H$ |) s( Q
        new Vue(: R8 j; c( ]/ `) E1 y( x" L! U
            {
4 t3 u$ T% l* `* [4 s                el: root," O0 O6 G- m7 G6 V- e0 I' d. s' M
                data: {2 Z; b+ `- U5 _6 V; ?8 }( y
                    title: "this is hello world"," ]7 ~" `% O, G
                    content: "this is content"
& E1 f3 K7 m' p                },
/ ^$ `6 D$ o. L7 C# q3 Y+ n3 U! B                methods: {4 s3 v  K7 c! K

% n7 ^" Q3 ^* p" J3 x* v                }
$ W& {. ?4 d# V            }
6 }% o0 Z% v) p# ~        )$ y0 B: x0 L" x
    </script>
1 _% g% ~+ K% p9 y</body>
% v8 V! R- g3 r- s
1 C( G5 D0 L- P, J</html>& c9 T5 U9 |9 z$ d
; W1 T5 H5 \+ n( U

+ g+ F# J# n- L# g! F0 X: e
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了