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

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

[复制链接]

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

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

admin 楼主

2019-8-6 16:08:30

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

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

x

1 M; N: f$ g8 c6 z- M
+ e/ D7 U% d/ g+ s9 f. h" s/ q( P: Q+ s6 y& l
<!DOCTYPE html>
9 q, a8 {! M4 x5 e5 {0 r<html lang="en">
! J1 s  j( Z+ {' n9 x, D4 m9 C# `" S7 I3 e( ^, ?& J* [- W! }
<head>% E9 r& k4 I- q. l. w
    <meta charset="UTF-8">
0 W/ r( v) ]! ~; U* y    <title>Event Bind</title>: g! L8 H8 G+ ~* k
    <script src="./vue.js"></script>4 i/ H- S: v9 l# N" B7 g2 M' g
</head>
* h! g! [/ d9 p9 p$ ^& E$ U
' h5 C+ w' j: B' K7 z5 Z<body>; X; n2 O  e% H
    <div id="root">1 _9 T2 X3 F! R- h# c: D7 j
        <div :title="title">Hello World</div>! r+ n( \3 }' \: w  @7 @6 j" C6 `
        <!-- v-bind: is the same as : -->
. \  r, Z, v9 b, d9 C$ u+ u        <!-- v-model -->
. A4 j% a, W6 l& Z  ~& e        <input type="text" v-model="content" />5 h. @) C2 h7 b) j4 a- U9 o) s9 _
        <div>{{content}}</div>
1 x' i8 D. ]: F" s0 f' Y    </div>& p1 X: _8 t* W% o1 g  W
    <script>
5 L+ j8 m0 V3 f- U+ p" E        new Vue(
' c) y  s, V2 N, x0 u! p& M3 |            {
) V% x6 Q, v: t! Q1 y4 e                el: root,% p$ Y6 T5 d: b( L9 Y2 y
                data: {
5 m# k! n1 f6 g$ G                    title: "this is hello world",6 X( s' R7 B1 N! @, t9 T0 U
                    content: "this is content"
' ]2 S( O" p& k( O                },
, t4 u& U1 f" n/ z, \/ F                methods: {7 x0 D2 N, L! s3 b/ R
% R- f& @/ v" c" [; N' V
                }
% F" i' [& v, ]+ q- i, W# E            }1 [3 j$ S, C4 M7 v' C0 C
        )
  n1 W* W3 ?0 y' C% j5 t1 v" u1 @    </script>
* z! \0 E) I  a</body>
/ q# v5 d; A6 E, K' H- d% N; \: W" H! l# C
</html>
1 n) L) T# D  [- A6 q3 m$ R* m) u) ^

+ g! l5 O6 L2 k8 r4 _$ |& g( |& d$ h+ ]7 ?
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 注册

返回列表 本版积分规则

  • 发布新帖

  • 在线客服

  • 微信

  • 客户端

  • 返回顶部

  • x
    温馨提示

    本网站(plmhome.com)为PLM之家工业软件学习官网站

    展示的视频材料全部免费,需要高清和特殊技术支持请联系 QQ: 939801026

    PLM之家NX CAM二次开发专题模块培训报名开始啦

    我知道了