|
|
请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！
您需要 登录 才可以下载或查看，没有账号？注册
x
0 E8 `. S/ A' S0 i+ V3 I: T7 ^ V
' H. J3 C) u9 B2 c3 y8 g: L) F) h8 V9 K1 L
<!DOCTYPE html>5 B9 c2 M1 T/ s1 R8 G
<html lang="en">- U1 U) C. b& U
/ C1 W; r' G X, s" h! b& ~
<head>
o2 d( M' j0 ?# v; ` <meta charset="UTF-8">
( w" i) ^% y' l" o3 I1 u+ E& [# E <title>Event Bind</title>
- Q2 [6 b* I( Z. _! W- r <script src="./vue.js"></script>
" E, C* {1 T5 {* d9 H</head>
6 R) G. c7 f) b/ p: B. h6 N1 V! z1 z S- b. I6 M: o( f: B5 b7 Z
<body>
- z8 C* a8 h/ p4 z8 C8 @ <div id="root">
; y b7 t$ Q" Z+ O7 g <div :title="title">Hello World</div>* w( F2 C. F5 C# d
<!-- v-bind: is the same as : -->
, d9 o0 I6 n( H8 `4 Y <!-- v-model -->
/ R) V0 y7 D( s1 j# a <input type="text" v-model="content" />; N: E* e! L$ A% ^. w
<div>{{content}}</div>
9 n( m1 b5 M( x) i2 c% w. q </div>
, N& C! t) l& ^ <script>& Y! L7 i/ K1 b) Q4 L5 ]
new Vue(
" W- b* p4 E6 s0 @/ v {8 g8 X& ?' N9 P6 H8 o
el: root,
9 e4 o4 N( L1 Y5 I# Z9 [! E data: {
9 e% Z- v$ U; o4 d% n& {4 q title: "this is hello world",$ C" J. A! e, ?5 Y/ l0 d2 H
content: "this is content"
* Z Y: F/ }% M* d4 n* Y: {' \* z },7 r" m8 |9 l: z0 F
methods: {8 l O: E, {# L8 ~$ P- J" w7 T
" F+ x. a, B/ g% k! X$ H' h) ] }# p5 s) N( ` e+ k+ ` i5 {- Y
}
- X' \! V. H( ]7 U )
. H# {8 y. j8 p. |+ W </script>
/ H, X5 H3 V) c. k</body>
% i. y7 \0 p. C. ~* c) w) V; l5 E! L3 T
</html>4 E! W0 n9 {+ }9 D) F6 D8 W
. r1 c, z, E: Z) M
/ X) b. B3 \! L- n1 Y |
|
|小黑屋|PLM之家-专注工业软件生态建设，大模型CAD创新生态
( 沪ICP备2026005248号-1 )
发表于 2019-8-6 16:08:30
