基礎教程
- 全局只有一個的
new Vue()裏面的data可以採用屬性的寫法，但是在其他組件裏面，這裏就不能直接這樣寫了，需要寫成函數，並且把數據return出來，這樣是因爲定義的某個組件有可能會多次創建，如果還是採用屬性的寫法，會造成多個組件之間，數據是同一個引用，造成混亂和錯誤。
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
- 在 Vue 裏，一個組件本質上是一個擁有相同的預定義選項的一個 Vue 實例（根實例特有的選項除外）
// 定義名爲 todo-item 的新組件
Vue.component('todo-item', {
template: '<li>這是個待辦項</li>'
})
var app = new Vue(...)
- Vue 兼容 IE9 ，參考 Web Components 規範進行設計
Object.freeze()這會阻止修改現有的屬性，也意味着響應系統無法再追蹤變化。v-for循環，可以用來遍歷對象
<div v-for="(value, name, index) in object">
{{ index }}. {{ name }}: {{ value }}
</div>
Object.keys()如何遍歷？返回屬性值，順序不定，同for...in...v-if相同元素還是會被高效複用，如果你希望不復用的話，給DOM加上不同的key即可arr.sort()轉化成數字比較，進行升序排列- 風格指南：
- 組件應該是多個單詞組成，避免跟現有的及未來的HTML元素衝突
- 組件文件名應該始終單詞大寫開頭，要麼使用連字符
- 基礎組件的命名最好採用某個特定的字符開頭，如
BaseButton.vue - 單例文件，只會在一個地方使用的，用
The開頭，如：TheHeading - 子組件應該以父組件名的作爲前綴，在編輯器中兩個文件會出現在同一個位置，同時通過文件名也可以看出關聯關係。
- 組件名應該以高級別的單詞開頭，可以高效瞭解組件的用途
- 在單文件和字符串模板中，組件名採用大寫，DOM中採用中劃線
v-if/v-else中，如果兩個模板截然不同，不需要高效複用相同的結構的話，可以給兩個模板添加key屬性
slot寫法有更新，建議寫在template上（具名插槽）
API文檔
待完成