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

[前端框架] Vuejs 挂载点 模板 实例和实例中的数据,事件和方法

[复制链接]

2019-8-6 15:53:51 1808 0

admin 发表于 2019-8-6 15:53:51 |阅读模式

admin 楼主

2019-8-6 15:53:51

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

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

x
, T& G- K. L1 v0 l& K
Vuejs 挂载点 模板 实例和实例中的数据,事件和方法3 `1 z- n5 h, v# F- u, \

8 l+ J6 G3 F' |  F+ i# ?<!DOCTYPE html>
1 O3 R: q7 n, C5 ]( z<html lang="en">9 O$ n! M1 }- o. }
<head>
5 v6 x, m  `7 A% l5 e    <meta charset="UTF-8">
9 p& A% B( z% `* H; y/ ^: u0 x    <title>Vue start</title>
, ]: F# ]& d2 `5 q    <script src="./vue.js"></script>
( K. R2 |% @/ Y2 V+ C</head>% c& Q4 r2 M. z. ?6 g

2 Z4 I0 ]  Z1 M, N. T9 N  W: o<body>
$ {1 }$ k0 }) L' x    <div id="root">{{message}}
' [. Z3 _1 U9 S: c        <h1 @click="changeword()">hello {{word}}</h1>% G, ~: @& K  R* H/ Q2 d
        {{number}}/ q5 x% |; ?# m! }* W( b9 m
        <h1 v-text="number"></h1>. j& [* u( ^0 f( O3 J" _
        <h1 v-html="content"></h1>2 S$ V$ J+ _( s/ B( R  j" W. ^
    </div>  [" s* k2 r, @" f
    <script>
6 q/ c8 g& k( p$ K        new Vue({# }2 b  G7 u+ `
            el: "#root",7 v  f0 b, f. o1 G) g
            // template:"<h1>template can be here<h1>",
/ g. ^, x) D$ [# ]$ q            data: {
- f8 ?- O5 J! U. z                message: 'hello world',
* V) P5 k  B  Q& }! A8 j$ X                word:'plmhome',
  }" ]& |" Z: \; l& E) e! r                number: 123,
2 N: x% Z/ Y( f) m                content:"<h2>hello world<h2>"
& d' k9 G; [( M5 i; c/ r            },3 O( J4 T. n7 O
            methods: {
/ M. u+ [% P& w. H! y& u" Q                changeword(){
( M& m8 ?; o3 c) A2 ~( B5 P. k- s                   this.word = "plmhome.com" //change the word
& @5 y, d/ w) u  \2 k1 P                }
0 Q2 a* }( z, K& V2 a- x6 c! k0 p3 a            }" Z9 U8 X' E) W* M' a
        })1 j+ R' f% M5 g/ b9 z
    </script>7 F' }5 Y9 t" p+ [! o- v) V. K
, h$ j1 Y$ K# V! p! v/ M& t
</body>4 u4 s, M' o( S4 M# F' F1 n
. l8 a/ o- I% S  o1 y/ m; c
</html>8 O! M' A$ o! b$ E3 w/ u4 a
; k: p  Q9 n" T
/ t, P# k  l% e7 U4 I9 u! \
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了