1. 程式人生 > >vue漫漫踩坑路

vue漫漫踩坑路

組件 構造器 con 容器 簡化 構造 原型 ron 錯誤

// 一些在學習vue時遇到的問題--這篇隨筆更像是我自己的學習筆記(寫寫東西加深理解 更多的是給自己看的 裏面可能會有些理解上的錯誤歡迎指出--感謝)

1. 註冊全局組件必須在Vue實例之前(通常指vm之前),是為了保證註冊的全局組件在任意的實例中都可以使用

2. Vue.component(參數一,參數二),參數一為要註冊的全局組件的名稱,參數二的類型可以為一個對象還可以為一個構造函數

3. Vue.extend 擴展 實例 構造器(個人理解就是創建簡化了的vm,一般用來創建全局組件)

1 // 1.創建一個特殊的vue實例
2         const com1 = Vue.extend({
3 template: ‘<h2>vue的全局組件--定義方式一--略略略略略略</h2>‘, 4 data: function () { 5 // 擴展實例中的data必須是一個函數 6 return {} 7 } 8 }) 9 console.dir(com1); // 可以看出創建的com1為構造函數 而非組件 它上面的原型屬性prototype指向 Vue$3 {constructor: ?}

4.

組件中的data必須是函數 實質是解決多個組件間共用一個data對象

5. 使用駝峰命名的組件 在以自定義標簽的形式寫入到容器中時,必須使用小寫且連接部分使用‘-’來連接

未完待續~~~~~~~~~~~~~~~~~~~~~~~~~~~11:32:44

vue漫漫踩坑路