|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
$ Y" A3 n+ |- S& {' }# b
9 y+ B( y; P" J8 l1 B' _3 J- j
# j- O6 z" \) r \! W( T
<!DOCTYPE html># L6 C% x0 X, o* v$ G I1 y
<html lang="en">, m- G( E% U) I% w8 h" j5 \
& _" C/ d/ R" ^<head>( d4 w- n7 m- Z4 [) |/ i
<meta charset="UTF-8">
0 j/ h# ^' Q, s% L6 S% y) g <title>Event Bind</title># r" E" L; W6 T6 |/ O
<script src="./vue.js"></script>
; t- G U# H n/ j5 q, K</head>8 W/ V* W( c2 {; ~/ E
6 q9 U' g/ T) u0 \- R7 u6 R9 J w9 [5 V<body> p7 Y8 m9 o) _
<div id="root"># E6 P7 f# l, S
<div :title="title">Hello World</div>' d% T. H; g Y( f! v
<!-- v-bind: is the same as : -->
7 G9 e3 ?3 ]& a& G4 w8 J <!-- v-model -->
: N8 M6 q5 j, X' Z- [2 S o <input type="text" v-model="content" />
. M4 [& l& J1 j) l7 J/ G <div>{{content}}</div>
; l/ B( D+ c' L; Y- @0 z </div>
' Y$ O# t* P/ x8 P0 C _% D# K <script>& y* u# X4 ~( k0 b* [0 W) |" `
new Vue(
7 G! J3 o5 |( C4 n# C* Z& b1 \ {6 U) q0 I! H; q0 @+ A
el: root,
5 T$ v+ O% _& `, u& O7 |! h- j: z data: {) Q4 z$ \- M! P k& t' o" O7 }
title: "this is hello world",
1 N% U, h% ?, ^+ o" \! A content: "this is content"
! w4 Y$ ]) z) { },
' u) K* `1 b4 u4 w) p methods: {
, }4 H; r! z7 U" Q5 F
9 z) A3 O, r6 C! T" ]3 ~ }
" C& ? ~) a# V- Y/ u4 F* c) F }
, h' @8 A- l+ @* A. Z0 t& h )) _, k* z: K6 i+ _1 j
</script>' J o0 s( g, a! g, Z3 d
</body>
, @% {$ M* r9 T, v
" h7 q E: k6 y* V1 f</html>
7 L& `* j2 _ L% Q# }; T) T- I: @1 z! d7 W; t- o R" U" q
& I& S# C* \, x! Y# z5 B" S |
|