|
|
请使用QQ关联注册PLM之家，学习更多关于内容，更多精彩原创视频供你学习！
您需要 登录 才可以下载或查看，没有账号？注册
x
( q e9 [& Z+ }" ^# L2 Y& X, I: X" D Q5 ]
* Q; Y6 b* Y* w4 C B9 m<!DOCTYPE html>( k! w0 U6 b7 q7 |9 B
<html lang="en">
& B/ b) y% |% {& u: C9 O. q! K$ r6 t7 j
<head>
# [: X$ |; w" T- U <meta charset="UTF-8">
9 J R8 Y& w$ f! e5 D0 T <title>Event Bind</title>
# S1 s1 g+ s' g B4 F( r( x& F <script src="./vue.js"></script>
" c7 N, W7 ~; K</head>& v5 d* O; M4 B v5 ~0 C
) J% @5 Y- I, D* ^9 K. ? [- R<body>
: t; K) \5 y5 P2 z l! w# L <div id="root">% F$ j/ X; g% L( M6 P; I* r' k
<div :title="title">Hello World</div>
! R0 x! Y" i5 B4 K2 Q! q <!-- v-bind: is the same as : -->
; l$ W6 _4 f$ t& `3 B* f <!-- v-model -->9 E) ^' S- t% Q$ P8 ^# ^
<input type="text" v-model="content" />
$ P& v# |0 F1 U" r/ a# G <div>{{content}}</div>$ D, e) X$ Q$ M
</div>
3 @* J+ r, K4 e/ W9 t- t& \5 Q <script>
6 U/ _8 U$ C ~' V& [' T new Vue(" q' A& r% c# D0 O+ ]
{0 e% P; p4 I$ W% w/ O8 b
el: root,! A2 t3 x# a1 B& O7 A5 S* i, e0 K
data: {
4 p2 s$ S% e, `8 B! M title: "this is hello world",8 V! I7 ~8 D% G! @' s
content: "this is content"
W4 n0 K1 r$ I }," a" A# K1 A; t4 r6 a
methods: {
' w7 @4 j/ s" v# G. R" {4 A. o4 P
( _ b) z1 ]7 `+ l0 v) l }1 n" B+ }% `. L
}. @, |( q6 X8 \1 v5 i4 ~0 i
)
; h8 A" L6 w, ~. X( [& r2 Y/ x </script>
" Z3 Z F' n" p: m0 g* k</body>
X; q8 |$ H! |! d. K" w$ z3 `3 l7 d; ~7 I! t" x& G
</html>
# @; g4 b R$ {* [$ T. R% |% H
% P) O7 [7 e9 W) `
0 j, b8 |$ K. a5 W! @( I5 Q6 d |
|
|小黑屋|PLM之家-专注工业软件生态建设，大模型CAD创新生态
( 沪ICP备2026005248号-1 )
发表于 2019-8-6 16:08:30
