|
|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
4 @6 _% U( a- `
) |/ A/ ]4 l; b( N( D) M$ B& ^' J
& P6 W/ p5 Q2 D6 A2 U4 _) X. y! @' u- f
<!DOCTYPE html>3 c' c: I( J6 n
<html lang="en">( M& i0 y9 N% n3 [9 D3 W
8 R! ^3 \6 H, d. S [4 {: E
<head>4 q* O4 @6 @$ D z7 c6 @
<meta charset="UTF-8">
+ z N: L; R" g2 Q6 W' n. E+ p <title>Event Bind</title>
5 j: \, R1 m( z0 F) y <script src="./vue.js"></script>
& h! l4 X, Y7 m9 M8 g</head>
, b4 Q+ C% {( Z, F5 g# ~/ q% I' Y, ?. P
<body>
8 Z; `' N9 Z: R- H- r <div id="root">
5 ?* U8 l- ^/ | <div :title="title">Hello World</div>' `0 |0 |6 b k
<!-- v-bind: is the same as : -->" h! v; q, A: @* l$ W! v2 Y
<!-- v-model -->
$ q1 y/ F7 U0 e: q, D1 c& @) Z <input type="text" v-model="content" />2 u! u4 O/ ^$ d
<div>{{content}}</div>
8 B- ~ W; ]4 b9 b- u8 O </div>* c4 i# a1 q; s& e# y
<script>- j% \7 W- f K4 j% H+ ~" }( u
new Vue(
. f, L/ n7 W" t4 W2 \# @9 c {
6 Y! }; }5 A4 ?) a* D ^6 D el: root,+ m2 ~# U' p) d# e* s6 i6 T8 I! ~) Q" r
data: {
' W: [7 K+ e+ ~ title: "this is hello world",
) F/ N: L) C3 f! }& T3 O content: "this is content"
0 `7 D2 o" i4 Z# E3 p },9 [& O; u; i! t
methods: {6 X# H4 _2 e- p5 u, h2 C4 N6 S! I
$ L. z' a+ _& V. b; `
}& x0 L; |! t- w+ T' L4 X4 F3 D4 l7 p
}
6 q4 b- O$ o5 j )0 g) q& J3 F+ M, x
</script>
" @3 c2 a- D* v0 ]) Z( M1 l</body>5 J+ r' e9 n. J! ^) Q) k* s( o
8 G3 o; Y$ A/ v) Q
</html>& ~- J1 A4 U+ y
3 U( [3 ?8 _/ X7 [9 I/ L
$ ?3 X# a! N4 V+ m |
|