vue之props父子組件之間的談話

眨眼就來杭州兩年了，時間真快。

我們今天來說說vue的一個api---->props

首先我們先看看一個例子，是我一個項目中寫的。

看到這個；有木有一點懂了。要是沒懂，繼續往下看

這里我們用到了$emit這個api，這個api是干嘛的呢，我們來看看文檔的說法

在子組件內使用$emit觸發實例上的setDialogVisible函數。

通過setDialogVisible函數控制isDialogVisible這個變量的布爾值，來達到子組件的顯示和隱藏。

使用props綁定靜態數據

【1】這種方法用於傳遞字符串，且值是寫在父組件自定義元素上的。

【2】下面示例中的寫法，不能傳遞父組件data屬性中的值

【3】會覆蓋模板的data屬性中，同名的值。

 

<div id="app"> 
　　<add btn="h"></add> 
</div> 
<script> 
var vm = new Vue({ 
　　el: '#app', 
　　data: { 
　　h: "hello"
　　}, 
　　components: { 
　　　　"add": { 
　　　　　　props: ['btn'], 
　　　　　　template: "<button>btn：{{btn}}</button>", 
　　　　　　data: function () { 
　　　　　　　　return {btn: "123"}; 
　　　　　　} 
　　　　} 
　　} 
}); 
</script>

　　vue使用也不是很久，理解可能不到位，有錯的地方希望各路大神指出。

經驗在於積累，生命在於運動。