-
v-test:轉(zhuǎn)義之后的輸出
v-html：沒有轉(zhuǎn)義之后的輸出
查看全部 -
1 插值表達式
查看全部 -
將js文件引入放在head里面是為了防止頁面發(fā)生抖屏
實例里面的el代表掛載點，是將數(shù)據(jù)掛載在id名為root的dom節(jié)點上 實例里面的data模塊是為存放數(shù)據(jù)的 使用花括號來使用數(shù)據(jù)。
查看全部 -
v-if false 刪除該標簽
v-show false 為標簽添加display-none
v-for 遍歷
查看全部 -
計算屬性 computed：屬性由其他屬性計算而來
偵聽器 watch：偵聽其他屬性變化情況
查看全部 -
局部樣式：在style里加：scoped
查看全部 -
屬性綁定 v-band 簡寫為：
雙向數(shù)據(jù)綁定 v-model
查看全部 -
methods:{ handleClick ：｛ ｝ }查看全部
-
1、“作為一個組件，他的數(shù)據(jù)應該變?yōu)橐粋€函數(shù)，其返回值是對應的數(shù)據(jù)”
2、在methods里面的函數(shù)，this.list會自動從當前實例的data里面檢查有沒有l(wèi)ist，語句"this.list"相當于"this.$data.list"；如果data里面沒有l(wèi)ist，會進一步從computed、methods中查找。
3、父組件v-for傳參時，key不能作為參數(shù)傳給子組件，需要另設一個參數(shù)c1接收index傳給子組件
查看全部 -
1、vue實例的掛載點——標簽，<div></div>
2、模板——掛載點內(nèi)部的內(nèi)容;也可寫在vue實例的屬性內(nèi)部；
3、vue會自動結(jié)合本實例內(nèi)部的模板和數(shù)據(jù)生成最重要展示的內(nèi)容，最后把該內(nèi)容放在掛載點中
查看全部 -
插值表達式
查看全部 -
局部組件：
var?TodoItem={ template:'<li>item</li>' }要想在Vue實例里面使用莫個局部組件，就要使用components對其進行注冊
new?Vue({ el:"#root", components:{ 'todo-item':TodoItem } })全局組件：
Vue.component('todo-item',{ props:['content'],//接受content參數(shù) template:'<li>{{content}}</li>' })在Vue實例模板使用組件：
<ul> <todo-item v-for="(item,index)?of?list":key="index" :content="item"http://創(chuàng)建content參數(shù)來傳遞item ></todo-item> </ul>
組件的拆分有助于維護
查看全部 -
父組件和子組件事前約定好事件A；另一邊，父組件中定義了函數(shù)fun1(參數(shù)1, 參數(shù)2,....)，然后：
父組件監(jiān)聽_@A='fun1'——>子組件發(fā)布_this.$emit('A', this.參數(shù)1, this.參數(shù)2, ....)——>執(zhí)行父組件中A對應的函數(shù)_fun1(參數(shù)1, 參數(shù)2, .....)
查看全部 -
每一個組件都是一個vue實例
每個實例都包含自己的props、template、methods、data
查看全部 -
在腳手架里面data是一個函數(shù)。
函數(shù)的返回值是我們的具體的數(shù)據(jù)
查看全部
舉報