-
v-on:可以寫成@ 這個(gè)符號
在標(biāo)簽<h1>當(dāng)中用兩個(gè)花括號里面寫上data中要顯示的數(shù)據(jù),這種方法叫做插值表達(dá)式.
查看全部 -
改變數(shù)據(jù)內(nèi)容:
查看全部 -
綁定單擊事件:
查看全部 -
v-text和v-html區(qū)別是獲取的內(nèi)容v-text會將標(biāo)簽轉(zhuǎn)義,把內(nèi)容全部打印,而v-html不會將內(nèi)容轉(zhuǎn)義,只打印標(biāo)簽里的文本內(nèi)容.
查看全部 -
<!DOCTYPE?html>
<html>
????<head>
????????<meta?charset="utf-8">
????????<title>掛載點(diǎn)，模板，實(shí)例之間的關(guān)系</title>
????????<script?src="vue.js"></script>
????</head>
????<body>
????????<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>
查看全部 -
本人vue小白，對我?guī)椭艽?查看全部
-
偵聽器watch作用：檢測某一數(shù)據(jù)和計(jì)算屬性發(fā)生了變化時(shí)，可在偵聽器中寫業(yè)務(wù)邏輯
查看全部 -
計(jì)算屬性computed 特性:
計(jì)算屬性依賴的其他屬性值沒發(fā)生變化時(shí)，會使用緩存中的計(jì)算值，當(dāng)其中某一屬性值發(fā)生變化時(shí)，才會重新計(jì)算
查看全部 -
scoped 局部樣式，只能當(dāng)前組件樣式有效
查看全部 -
data在vue-cli腳手架中變成了一個(gè)函數(shù)，其返回值是我們具體的數(shù)據(jù)
引入Vue組件文件：
import?要調(diào)用的組件名稱?from?'文件路徑'
在Vue組件文件中，模板<template>下只能有一個(gè)根標(biāo)簽！
引入局部組件后，需要在components中聲明。
components：{? ??'todo-item':?TodoItem }局部組件中，props中存放的是父級給子級傳值得項(xiàng)。
查看全部 -
v-if控制dom的存在與否v-show控制dom的顯示與否，v-for指令用來控制一組數(shù)據(jù)，通過這組數(shù)據(jù)來循環(huán)顯示頁面的dom的結(jié)構(gòu)查看全部
-
v-if和v-show查看全部
-
v-if只顯示隱藏或顯示一次查看全部
-
v-model雙向綁定語法查看全部
舉報(bào)