本篇資料來於官方文件：
簡單來說，更適合新手閱讀
（二十六）props資料傳遞
是孤立的，簡單的來說，元件和元件之間，即使有同名屬性，值也不共享。
add>
del>
div>
var vm = new vue(}button>",
data: function () ;
} },
del: }button>",
data: function () ;
} }
} });
script>
渲染結果是：
2個按鈕，第乙個的值是123，第二個的值是456（雖然他們都是btn）
這種方法用於傳遞字串，且值是寫在父元件自定義元素上的。
下面示例中的寫法，不能傳遞父元件data屬性中的值
會覆蓋模板的data屬性中，同名的值。
示例**：
add>
div>
var vm = new vue(,
components: }button>",
data: function () ;
} }
} });
script>
這種寫法下，btn的值是h，而不是123，或者是hello。
駝峰寫法
假如插值是駝峰式的，
而在html標籤中，由於html的特性是不區分大小寫（比如li和li是一樣的），因此，html標籤中要傳遞的值要寫成短橫線式的（如btn-test），以區分大小寫。
而在props的陣列中，應該和插值保持一致，寫成駝峰式的（如btntest）。
例如：props: ['btntest'],
template: "btn：}",
正確的寫法：
add>
假如插值寫短橫線式，或者是html標籤寫成駝峰式，都不能正常生效。（除非插值不寫成駝峰式——跳過大小寫的限制，才可以）
簡單來說，就是讓子元件的某個插值，和父元件的資料保持一致。
標準寫法是（利用v-bind）：
add>
如**
add>
div>
var vm = new vue(,
components: }button>",
data: function () ; //子元件同名的值被覆蓋了
} }
} });
script>
說明：btn使用的父元件data中 h的值；
子元件的data的函式中返回值被覆蓋了。
也就是說，使用v-bind的是使用父元件的值（根據屬性名），沒有使用v-bind的是將標籤裡的數值當做字串來使用。
依然需要使用props，否則他會取用自己data裡的btn的值
簡單來說，不加v-bind的，傳遞的是字面量，即當做字串（例如1也是字串，而不是number型別）；
加上v-bind的，傳遞的是js表示式（因此才能傳遞父元件的值）；
加上v-bind後，如果能找到父元件的值，那麼使用父元件的值；如果沒有對應的，則將其看做乙個js表示式（例如1+2看做3，看做是乙個物件）；
如**：
add>
div>
var vm = new vue(,
components: }button>"
} }
});
script>
這裡的btn的值是3（而不是沒有加v-bind時，作為字串的1+2）
簡單來說，分為兩種型別，即單向繫結（父元件能影響子元件，但相反不行）和雙向繫結（子元件也能影響父元件）；
單向繫結示例：（預設，或使用.once）
父元件：
子元件：
test>
div>
var vm = new vue(,
components:
} });
script>
說明：當父元件的值被更改後，子元件的值也隨之更改；
當子元件的值被更改後，父元件的值不會變化，而假如再次修改父元件的值，子元件會再次同步。
另外需要注意的是，子元件如果要同步繫結，那麼子元件的input需要是v-model，而不能是value屬性（那樣只能單項繫結，且修改子元件的值後會失去繫結）
雙向繫結：
需要使用「.sync」作為修飾詞
如示例：
父元件：
子元件：
test>
div>
var vm = new vue(,
components:
} });
script>
效果是無論你改哪乙個的值，另外乙個都會隨之變動。
props驗證：
簡單來說，當元件獲取資料時，進行驗證，只有符合條件的時候，才會使用之。
寫法是將props變為乙個物件，被驗證是值是物件的key，驗證條件是和key對應的value。
例如：props:
},
驗證test這個變數是不是雙向繫結，如果不是，則報錯。（注意，這個不能用於驗證單向繫結）。
示例**如下：
父元件：
子元件：
test>
div>
var vm = new vue(,
components:
},
template: ""
} }
});
script>
VUE （9）元件 props資料傳遞
本篇資料來於官方文件 簡單來說，更適合新手閱讀 二十六 props資料傳遞 是孤立的，簡單的來說，元件和元件之間，即使有同名屬性，值也不共享。add del div var vm new vue button data function del button data function script...
學習Vue（9） 元件
元件 component 是 vue.js 最強大的功能之一。元件可以擴充套件 html 元素，封裝可重用的 要使用元件，就需要先註冊乙個元件，下面是註冊乙個全域性元件的語法 vue.component tagname,options 解釋說明 所有例項都能夠使用的元件就是全域性元件，註冊在例項之外...
VUE元件學習 props資料傳遞
最近用到了vue中父元件和子元件之間通訊的相關知識，正好看書看到vue元件這一章，在此記錄一下 vue元件可以理解為預先定義好行為的viewmodel類。乙個元件可以預定義很多選項，但是最核心的還是一下幾個 1 模板 template 模板生命了資料和最終展示給使用者的dom之間的對映關係 2 初始...