|
请使用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 ?
|
|