-
v-bind: ? ==> :
v-model=""
查看全部 -
v-text=""
v-html=""
v-on:click="" ?==> ?@click?
查看全部 -
子組件與父組件通信
1、父組件可以使用 props 把數(shù)據(jù)傳給子組件。（父組件使用屬性傳值給子組件）
2、子組件可以使用 $emit 觸發(fā)父組件的自定義事件。父組件監(jiān)聽子組件,并可以執(zhí)行自己的方法
fu:? @delete=""
zi: this.$emit('delete',this.index)
查看全部 -
組件接收屬性傳值： props: []
查看全部 -
? 定義組件
Vue.component('組件名'， {
????template: ''
})
定義局部組件： 需要在new Vue里components 申明??
查看全部 -
雙向綁定，實(shí)現(xiàn)輸入框輸入，列表增加
查看全部 -
v-show
v-if
v-for = "item of? list"? {{}}
查看全部 -
cunputed: 計(jì)算屬性
watch:偵聽器? 某一個(gè)屬性發(fā)生變化，或者計(jì)算屬性發(fā)生變化
查看全部 -
<div id='root'>是<todo-item>的父組件
因?yàn)?lt;todo-item>寫在 <div id='root'>的模版里
<todo-item>是其模版<li?@click="函數(shù)">....</li>的父組件
因?yàn)?lt;li @click="函數(shù)">....</li>寫在<todo-item>的模版里
子組件里面的函數(shù)是指向父組件里的函數(shù)
查看全部 -
父組件通過屬性向子組件傳遞數(shù)據(jù)
子組件用props:['屬性1','屬性2']獲得傳來的數(shù)據(jù)
子組件通過發(fā)布事件和父組件通信
$emit('事件名稱'，參數(shù))
父組件訂閱事件
@事件名='下一步的函數(shù)'
//v-on:事件名="下一步的函數(shù)"
查看全部 -
屬性綁定：
v-bind:title = "title"
可以簡(jiǎn)寫成? ：title = "title"
雙向數(shù)據(jù)綁定：v-model=""
查看全部 -
v-on:click="函數(shù)名"? 綁定事件
v-on:click 簡(jiǎn)寫@click
函數(shù)定義在? methods 里
查看全部 -
v-text v-html? 里綁定數(shù)據(jù)
v-html 會(huì)轉(zhuǎn)義
查看全部 -
數(shù)據(jù)可以寫在html里，也可以寫在Vue實(shí)例里的templa里
查看全部 -
VUEjs? 數(shù)據(jù)和hTML綁定
查看全部
舉報(bào)