一)v-for
在定義組件中可以使用v-f or,但因為父子組件間作用域獨立,所以父組件中的數據必須通過PRops引入子組件中;
eg:<div id="i1">
<my v-for="item in items" :a="item"></my>
</div>
Vue.component("my",{
template:"<p>{{a}}</p>",
props:["a"],
});
new Vue({
el:"#i1",
data:{items:[....]}
});
二)可復用組件
特點:因為父子組件的作用域不同,所以父組件必須在公開的接口將其所在的作用域與子組件的作用域連通;
props:將父組件的數據傳給子組件;v-bind
事件:將子組件的動態反饋給父組件;v-on
slot:將父組件的內容傳給子組件中;<slot>
三)異步加載組件
定義:異步請求時,根據服務器返回的數據去渲染一個自定義的組件,或者表示加載失敗。
用法:定義一個異步組件函數。
語法:Vue.component(A,function(res,rej){})
新聞熱點
疑難解答