|
|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
; Y9 y) a+ T4 g. F) q
' p. q9 H8 C8 T5 Y
6 d3 ~ i. X% `: V0 j& o* |: i
<!DOCTYPE html>
' O* a* c% T0 ` \# Q<html lang="en">
# p9 G" s; t4 c; \1 l, q$ S. t2 N1 c1 O, t+ Q
<head>
& A! x' }: }8 S <meta charset="UTF-8">
. e$ e/ h- s: n( B a. k( |3 L1 @- M <title>Event Bind</title>. O6 P' Q! B+ d0 f
<script src="./vue.js"></script>
) V3 J+ s5 P' W* g3 [: [0 y. @1 M/ O9 n</head>' U! a! I. Z0 O$ s+ q
- b3 \- g- C4 z% j* c<body>6 x+ ]# T5 R0 P. N h; J7 O
<div id="root">
- F7 b+ m) f R <div :title="title">Hello World</div>0 e' x) N6 Z- V: [6 V) _% N0 I3 r
<!-- v-bind: is the same as : -->8 j0 T& r' ?& m1 x
<!-- v-model -->
1 c) c9 H: I8 g/ a <input type="text" v-model="content" />* s' @, X* Q0 `5 ^
<div>{{content}}</div>
" v6 P# `% B0 S9 a _9 C x </div>" E# y( ~, r) b; g. \
<script>
# R& {: t; U& ]% M7 P, w8 K new Vue(
# S( s2 E: S6 k# p {9 j* z8 c- k/ e0 N; j3 ^$ }1 ~
el: root,
- m c" d; `+ p+ Z( | data: {1 c, o$ f' A7 G
title: "this is hello world",$ `; \* h* C. A: y2 V& n
content: "this is content"2 A& p' h* C% d8 E+ o( S: L% ?
},- m. y) E! \$ t6 g; m
methods: {
, n' u" D5 H1 w6 X3 w F: p, I+ o- h# S7 R& j# [- O: W
}# e0 A K( h4 ~* b
}
0 D6 y/ u; L. P% I; v" a )
) T* S' U6 u2 e! [" I: Z </script>
8 c7 |2 O+ J3 s: [; u- N</body>0 T: ^3 N# I# T
6 }% E, ~! X: h. M. Q9 j. Q
</html>
5 b& b8 D: z8 z; J6 z6 {. j' D, N
- v1 r8 _% c* U! w. Z
' A! h$ K0 M( ?1 T, `# ]' T { |
|