|
|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
6 V3 j: A! m- m2 W7 A/ J* G1 t
# `- z. f/ w% R- x$ Y6 v
/ Q0 v' ~# W# Q: ?. H& ^<!DOCTYPE html>
$ t- M& T& y3 c<html lang="en">
; p9 b1 t! n2 l& K* r5 D8 a0 N4 j7 j k M$ J2 J
<head>& U d2 }* Q% k5 T9 N8 Y3 v
<meta charset="UTF-8">1 a) |7 o `2 x5 F( I
<title>Event Bind</title>
: K4 B: e, G `, d <script src="./vue.js"></script>
* }' A i( m( O/ t</head>) w; Z7 Z8 f5 w- G# q3 M
1 _# O4 o |8 z0 }, T$ E R) {<body>6 ^$ F0 D$ }+ d8 B, @3 x
<div id="root">2 D- u( Z5 s# ` ?' o
<div :title="title">Hello World</div>9 b0 ^4 R5 F: g/ |3 F9 y
<!-- v-bind: is the same as : -->* z) U3 Y# ]/ g6 C
<!-- v-model -->
8 `1 v" f$ z- X4 M9 X9 j <input type="text" v-model="content" />4 k9 T3 Q6 b$ @7 Q8 X0 q
<div>{{content}}</div>7 ^: x) {, o- B
</div>
2 {# \6 X5 D0 `7 I7 G5 L7 B- _/ j6 y <script>
7 q: }4 o- W6 @5 r8 c, d( D- S new Vue(
8 c7 t1 |; q) h6 N8 } {
3 ~# N( |: \, ~# m: A2 F$ z7 Q el: root,% e* H, d+ Y. ~
data: {
3 E( S! h" f/ j( ~2 T title: "this is hello world",! P" f4 [2 h0 m+ v0 |' v
content: "this is content"
; x1 B+ T- w8 `( l0 u* a },0 M( F4 y" X. Q8 p2 g
methods: {
9 M* g' y L1 l9 w7 X4 E5 D U# L/ z( e( X5 h: ^* w
}
9 v& d) z/ I0 C. D/ k/ A }
* o0 T, y$ L$ N/ V )
^% S' C* D# t+ g, A# G4 L </script>
* V5 N" f' [3 o$ J$ x) `</body>2 h* m% v* C ?+ }
) \- t- j4 f( ?
</html>
) S0 `6 W' h J, f9 R/ y- W* ]/ `
3 l2 q& X- A( e/ g* K7 A3 O
8 X0 E, x2 n2 D4 l/ z |
|