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

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x

- m6 C( B/ J0 B- ~- ^3 [# A  P6 q
0 y* T  H( Y% t8 y5 {* B! q
<!DOCTYPE html>
7 B0 Z2 L9 d4 E0 G<html lang="en">
9 D% r9 ]9 I6 s+ d: D/ z
% |0 N+ R. X$ e8 {' F<head>& x2 F4 J- C# m5 Q3 |5 N+ @
    <meta charset="UTF-8">6 }% t! v& s# s1 J2 G
    <title>Event Bind</title>7 [- E$ R7 F" e$ m8 ?! T
    <script src="./vue.js"></script>
6 X5 \$ Z  v! j/ {# I8 k' z! y</head>
. g/ S' S; A& \7 N0 ~# W. m7 b5 w! [/ q5 B& a) K# ]. t  n
<body>* ?5 _$ w& [9 n/ J4 c& P
    <div id="root">
) C, L( Q% b. I/ e5 l/ S        <div :title="title">Hello World</div>, C8 L3 p8 Q# M
        <!-- v-bind: is the same as : -->
3 S( D- S/ `* Y0 x& F2 V        <!-- v-model -->6 R2 Q+ E  G* d
        <input type="text" v-model="content" />
( l, h0 V5 N8 W& d        <div>{{content}}</div>
. Q. r2 D& K+ G    </div>. d9 V+ d: U' [, @+ J. S, J. N4 [
    <script>
3 u4 R4 h" S% ?: E: U5 |        new Vue(! W7 J( i4 p! O/ M& i" M
            {
+ l9 \$ C% z. i0 K2 D/ S                el: root,6 ]2 I* n1 q+ o! B  a$ Z: N$ H
                data: {- w& V) e0 D' }
                    title: "this is hello world",
9 ^  k4 J) Y; [& S% h- [                    content: "this is content"$ p7 ^. P) s* J* u
                },
6 A: B" v$ j9 n                methods: {  z/ |4 X& N# v

$ p3 E8 k: ^! D" L9 k  V                }
- x: S3 \; o% B% I+ u) L            }" d! T) P+ a: d& u3 Q4 S
        )
, j  y4 C' k  d. v0 C- }    </script>9 `) \9 ?& U3 w
</body>: K9 S: \* @  m, N4 P

& k& ?6 O: B+ n: O* ]% `; u</html>% {% ?5 v/ i; J/ S$ ^

3 u" ]% l6 t2 B6 h" B: y7 T' u" a" [
8 Z7 V# C5 ^) }% q
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了