|
请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!
您需要 登录 才可以下载或查看,没有账号?注册
x
- m6 C( B/ J0 B- ~- ^3 [# A P6 q
0 y* T H( Y% t8 y5 {* B! q
<!DOCTYPE html>
7 B0 Z2 L9 d4 E0 G<html lang="en">
9 D% r9 ]9 I6 s+ d: D/ z
% |0 N+ R. X$ e8 {' F<head>& x2 F4 J- C# m5 Q3 |5 N+ @
<meta charset="UTF-8">6 }% t! v& s# s1 J2 G
<title>Event Bind</title>7 [- E$ R7 F" e$ m8 ?! T
<script src="./vue.js"></script>
6 X5 \$ Z v! j/ {# I8 k' z! y</head>
. g/ S' S; A& \7 N0 ~# W. m7 b5 w! [/ q5 B& a) K# ]. t n
<body>* ?5 _$ w& [9 n/ J4 c& P
<div id="root">
) C, L( Q% b. I/ e5 l/ S <div :title="title">Hello World</div>, C8 L3 p8 Q# M
<!-- v-bind: is the same as : -->
3 S( D- S/ `* Y0 x& F2 V <!-- v-model -->6 R2 Q+ E G* d
<input type="text" v-model="content" />
( l, h0 V5 N8 W& d <div>{{content}}</div>
. Q. r2 D& K+ G </div>. d9 V+ d: U' [, @+ J. S, J. N4 [
<script>
3 u4 R4 h" S% ?: E: U5 | new Vue(! W7 J( i4 p! O/ M& i" M
{
+ l9 \$ C% z. i0 K2 D/ S el: root,6 ]2 I* n1 q+ o! B a$ Z: N$ H
data: {- w& V) e0 D' }
title: "this is hello world",
9 ^ k4 J) Y; [& S% h- [ content: "this is content"$ p7 ^. P) s* J* u
},
6 A: B" v$ j9 n methods: { z/ |4 X& N# v
$ p3 E8 k: ^! D" L9 k V }
- x: S3 \; o% B% I+ u) L }" d! T) P+ a: d& u3 Q4 S
)
, j y4 C' k d. v0 C- } </script>9 `) \9 ?& U3 w
</body>: K9 S: \* @ m, N4 P
& k& ?6 O: B+ n: O* ]% `; u</html>% {% ?5 v/ i; J/ S$ ^
3 u" ]% l6 t2 B6 h" B: y7 T' u" a" [
8 Z7 V# C5 ^) }% q |
|