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

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x

1 Q. Z7 M5 E* x3 o5 x
6 T, h' f( i5 s+ O* m5 D# \8 k8 i" S$ g( J* e+ z* ^) D
<!DOCTYPE html>
- e; t/ ]1 {3 ~) S! n4 \<html lang="en">* }- g* k# p% r. r4 I

6 e% [/ ]; O% F  M' x, R! v<head>2 |/ D7 H5 X( J- }$ `  y9 K6 F
    <meta charset="UTF-8"># ?  @! y4 Z- [
    <title>Event Bind</title>
/ e5 p7 M- X! I" u$ C9 Q, g    <script src="./vue.js"></script>/ g& P! q3 ~! F% ~2 ^! V) M
</head>
* {5 z* t. B8 Z% o% L
& C, w/ n. X2 S1 z<body>
, }/ B+ A; b9 S1 c/ l    <div id="root">
' A7 u& x. B9 O# }        <div :title="title">Hello World</div>; d- S! ~! R$ `; m* {
        <!-- v-bind: is the same as : -->2 @$ ?$ O; m. i# j4 {% R  l
        <!-- v-model -->& m& f8 f( h) a5 ~5 Z; `2 o- o' k
        <input type="text" v-model="content" />
2 D$ i1 A9 o5 ]) L! f        <div>{{content}}</div>. G1 M( d) I8 Y; b5 Q, b
    </div>
" j% d$ p* w" p2 s/ W% U$ h1 M    <script>. n. f( @- G  y" [3 t
        new Vue(
' p/ r3 d  G! z+ _& u' y            {
8 K$ \' E+ s2 e* G  p  w+ ?                el: root,
# o# t1 D8 m, W+ Y; i# z                data: {
; I: f" i& p5 m# V, C                    title: "this is hello world",
' t, g: C6 [6 A/ {6 R  g                    content: "this is content"
: B) T5 t) J- y                },
6 p4 ~' u( d2 M% [$ p2 A                methods: {5 G9 |0 D0 z0 a
  s3 A8 o' i3 I* Z0 `% \9 s. l: \$ z
                }
" h9 S+ z- {* H6 g            }6 k& A) T; p8 ?. i9 k1 Z* A0 m
        )
& t8 G& e2 t, J% ]    </script>/ [  q0 d" }) ~- k
</body>. }4 `; O- ]3 v  ~. s6 v
/ \" F/ ^: z  D* L
</html>
& r: n0 \2 R( \# H7 g
' U+ l' n4 z8 g: N) {/ h0 G/ ]" L. L

$ b9 h4 Y7 |  M% A" l
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了