|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
4 }2 u/ M6 h) x% _/ w0 x9 M6 D" A* v$ o
, H$ x2 q; f% h2 ^1 s1 k' R5 j! E" u
<!DOCTYPE html>' N F p) d7 }
<html lang="en">; t- i8 ?$ @# H2 c- r6 w
6 F) ^5 z7 L0 m F0 r, E% r<head>5 r: i0 n" i2 N! T) C
<meta charset="UTF-8">8 U% x4 }& ~0 ]* ~' t R0 m
<title>Event Bind</title>
0 n+ u3 ~, Q& a' ? <script src="./vue.js"></script>7 `$ n3 g% @' ^7 [) L" @+ t
</head>
7 P; ]* h) s) c1 n2 J- T H6 s. F, b% y, o# M
<body># g1 V3 N4 F& y0 w; z; g2 h( q
<div id="root">- \2 m) k% G4 \+ I0 H
<div :title="title">Hello World</div>6 V) {0 a. Z2 _2 U
<!-- v-bind: is the same as : -->
% b8 W4 I7 Y: L; {2 O <!-- v-model -->
0 _3 u9 K2 f6 j$ [4 S$ n6 c! `& y <input type="text" v-model="content" />
1 J+ @4 z. H" L7 j <div>{{content}}</div>0 \. j! Z8 P, W: q" r6 K3 i
</div>
: E9 A. ]1 b9 W <script>- M1 P1 m: ?2 o) Q9 P* Q Q# u0 S
new Vue(
, J" {0 }! e F3 e {
4 F* U7 V) z8 h) } el: root,5 a/ z- q9 O# T/ q+ W, Y P
data: {
" g) u% x) I. l) |) F7 L" t# C6 ^ title: "this is hello world",+ Q: F8 M9 K( k: D3 D1 Q" q
content: "this is content"
! W9 N4 g! n1 @% D; E# F },2 `0 A. M: x% C7 N$ {, u0 _) c
methods: {
4 |( Q T5 s" m8 U( j4 a/ w; a) f4 q% a+ a; f0 |" \1 M
}
4 B& v7 [5 g$ o9 L3 n/ [1 F }
$ {# d# l1 q; r9 T. S& ^ )
! A; p( h M& F2 o3 Y </script>! _0 p" w/ o! {' g$ o0 t$ R8 `
</body>, A1 L- L( }" e( d
: u0 U. z9 ~1 r- [9 Q& g6 _</html>
5 T7 I' i/ V- B# w) O7 h! V# w7 x- J0 m/ o% E4 |
0 H: N% x$ \! D4 ~0 U) U
|
|