|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
; ^8 K" [; X3 L+ N0 @( n- c: Z
1 e9 `4 R0 {3 W! ~$ o
3 J( p, h7 j \+ k<!DOCTYPE html>
- T3 ?" o; B3 I) K2 K<html lang="en">
' k6 P& O4 c4 Y9 ?& {) h7 X3 y8 o8 `. W: D3 t0 J/ I
<head>3 V& y0 C! d3 g' a: v
<meta charset="UTF-8">
0 I4 }3 l j$ d) ^, B, n7 | <title>Event Bind</title>
% B) g) X9 N. C, g8 C( p <script src="./vue.js"></script>
/ q! y- X' L/ P+ V9 A4 f</head>' [: I5 l% l( l. N1 `* o/ r" v
% s5 ]+ J& k% J5 a j1 ]- z
<body>
3 T ~# Z0 u5 j% d4 ~5 ? B <div id="root">( q+ w8 P4 I! y: p) F
<div :title="title">Hello World</div>, n0 Z+ J, a! j( y/ R; k$ c9 s+ ]9 g$ n
<!-- v-bind: is the same as : -->
/ s9 \% S$ @0 G2 D <!-- v-model -->
) a; M4 R# x& N1 o/ | <input type="text" v-model="content" />" V3 D0 ?- F# H' h: l4 N
<div>{{content}}</div>, z$ E6 z6 j, s) J; I. R0 F+ o
</div>8 { e5 X1 ?1 A$ B! b: ^
<script>
4 C/ Q! I, E& Z/ L) A7 i1 C+ x new Vue(
9 w2 t; Z2 @9 X6 Z {+ V/ f& }$ h6 [
el: root,
' j' _ Y7 c7 |4 M: P data: {, L" n6 S' K r0 ?- I/ V( E
title: "this is hello world",' B' x, O4 ^! u- U
content: "this is content" [6 ?1 w- u4 N* D: W! \7 m! A
},* _. [ O1 K- Q0 d+ a; l1 [
methods: {
: t3 \: B' ?$ {
9 G3 z# \6 ^2 z* w }9 F. X, D7 d: R6 k# n Q* w6 }
}- V; k& {6 g, S
)
f0 ?+ P/ P- C4 p7 x </script>
' W7 B/ I' |6 T" ]. r. N</body>
R" u4 l: C8 i/ |& \+ ?0 u% f# v5 v0 h0 v
</html>: [$ C) f3 ~2 F/ n, |
, |/ _8 B" @" C* T! q( b" u
7 W' u7 G. |5 M
|
|