-
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>Vue?入門</title> ????<script?src="./vue.js"></script> </head> <body> ????<!--?掛載點(diǎn)?--> ?<div?id="root"></div> <script> ????new?Vue({ ????????el:?"#root", ????????template:?'<h1>hello?{{?msg?}}</h1>', ????????data:?{ ????????????msg:?"world" ?} ????}); </script> </body> </html>查看全部 -
<!DOCTYPE?html> <html?lang="en"> <head> ????<meta?charset="UTF-8"> ????<title>Vue?入門</title> ????<script?src="./vue.js"></script> </head> <body> ????<div?id="root">{{?msg?}}</div> <script> ????new?Vue({ ????????el:?"#root", ????????data:?{ ????????????msg:?"hello?world" ?} ????}); </script> </body> </html>查看全部 -
組件文件里要求 模版下必須有一個(gè)根標(biāo)簽
查看全部 -
v-html過濾標(biāo)簽 v-text不過濾標(biāo)簽查看全部
-
指令：v-bind: 綁定屬性? ?縮寫成：":"
雙向綁定：v-model
查看全部 -
指令：v-text、 v-html
事件：v-on:click 簡寫：@click
查看全部 -
methods：保存事件綁定后的方法查看全部
-
template：保存掛載點(diǎn)內(nèi)的html片段查看全部
-
data：保存實(shí)例中一些數(shù)據(jù)查看全部
-
el：讓vue實(shí)例去接管頁面上某個(gè)節(jié)點(diǎn)元素的內(nèi)容查看全部
-
vue只會(huì)去處理掛載點(diǎn)內(nèi)的內(nèi)容查看全部
-
使用<script></script>查看全部
-
父組件-子組件傳值
查看全部 -
V-if :當(dāng)屬性是false時(shí),標(biāo)簽直接從dom中刪除
V-show :是隱藏當(dāng)前標(biāo)簽
V-for :循環(huán)展示一個(gè)list數(shù)據(jù)
methods:定義事件
查看全部 -
V-on ------> @
V-bind--------->:
V-? ? 雙向關(guān)聯(lián)
el:定位某個(gè)標(biāo)簽
data:數(shù)據(jù)項(xiàng)
conputed:合成新的數(shù)據(jù)對象
watch:監(jiān)聽器
查看全部
舉報(bào)
0/150
提交
取消