|
|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
& ^+ D5 {8 Q, z; F3 ]6 v! a# G+ z1 {; E. O% c C
B8 o6 ?6 r8 x<!DOCTYPE html>
1 L: w2 q1 f: ^<html lang="en"># ] x6 y$ D, a6 O+ ?0 L2 P- B4 z
3 o" Q' |7 _! ]- a9 _<head>- P/ e. T" L4 P5 o* N4 }
<meta charset="UTF-8">! S/ Y7 F0 m2 j4 p1 ^" l
<title>Event Bind</title>
: }1 Z$ J/ [3 f9 x8 {- E3 q4 H <script src="./vue.js"></script>- O# l* p w3 l4 U$ u9 ?; l0 E
</head>4 P- f9 p6 ]0 R4 A
- X |) d9 n9 X$ ]
<body>6 V' s" x: Y- [
<div id="root">; L& m; |6 q5 _- i
<div :title="title">Hello World</div>
, ~' V" b5 f, U <!-- v-bind: is the same as : -->; ]/ k- Z4 N. Z; M/ ]7 d
<!-- v-model -->8 ~$ A' Q& O% ^0 m7 p- g; ~! S# w
<input type="text" v-model="content" />
! X! F$ y6 T% Y' o <div>{{content}}</div>
. Y& g; L# ^. K# g" P </div>
4 B+ j0 I D U+ U! O; B <script>/ o+ ?: `& @! a. ]
new Vue(
6 x7 t! o* v' J; K+ Z. D7 j {
- E# ?: T2 c. t el: root,
7 t, W; s+ r" I% E data: {
- i* w5 d3 h- m8 {2 z) M# d3 z; L title: "this is hello world",. ~$ N8 N1 |) F7 k3 e+ y
content: "this is content"* g% T8 C- K! s+ m7 R0 Y/ y
},* f. B$ ]: l7 l& i! P/ s
methods: {
* G/ V, J( L) f. q# E8 I/ t- y4 k& E: v5 M X# \
}
* L9 X+ R8 d- v. K6 D' j }
( D/ X' n/ F* Q" B )8 h+ d+ O! q$ n5 D( J1 y' ?( J+ n& v
</script>( }1 f$ s0 a6 `/ V6 U- i$ E& M
</body>
; P8 V0 A$ {% B' u1 v2 E# ~- j8 w9 w5 N# u
</html>" o: ]3 v" F3 B: N9 |% ~0 m; _
( g# `3 Y$ ~, }& ?+ [' w' H
2 t9 W2 B( E- e4 F5 N) h |
|