區域性元件--定義乙個常量，是乙個物件，使用時需要在父元件中components中宣告，宣告之後可以直接使用
定義區域性元件時建議首字母大寫
定義了要註冊之後才能使用，效能比較高，使用起來有些麻煩
名字建議---大寫字母開頭，駝峰命名法
區域性元件使用時，要做乙個名字和元件間的對映物件，不寫對映時，vue底層也會自動嘗試幫做對映
元件間傳值及傳值校驗：
父元件呼叫子元件，通過子元件的屬性進行傳參時可以 通過靜態傳參（常為固定字串）和動態傳參
子元件對於外部傳入的屬性引數可以在props中進行接收
//區域性元件
const counter =
} `
,data()
},}(
, template:
` `,
data()
},methods:}}
)// 全域性元件-測試
component
('test',}
},template:'}'
})/* 使用component去註冊元件，props接收外層呼叫todo_item時，掛載的屬性值*/
component
('todo_item'
,}.}'})
/* 注意：使用元件時需要先註冊完元件再將該vue例項掛載到root元素上 */
/* vm代表的就是vue應用的根元件
vm獲取根節點上資料，呼叫data時，data前加乙個$,操作vm時，資料改變，檢視也會自動發生改變
如果該資料是根資料，也可以直接vm. 呼叫
*/mount
('#root'
)
vue全域性元件和區域性元件
vue元件包括兩種 1 全域性元件，2 區域性元件 區域性元件var 變數名字一定要放在new vue例項外面 1 全域性元件 text align center color red font size 20px margin top 20px 全域性元件直接像上面這樣 註冊 就可以 如果還想註冊繼...
vue 全域性元件和區域性元件
vue.component mycpn cpnc components html lang en head meta charset utf 8 title document title script src js vue.js script head div id mycpn div div id...
Vue 元件（一）全域性元件和區域性元件
根據vue官方文件 元件 component 是vue.js最強大的功能之一。元件可以擴充套件html元素，封裝可重用的 在較高層面上，元件是自定義元素。按我當前學習程度的理解，元件就是定義乙個自己的新標籤，新標籤可以在html 中使用。全域性宣告元件 vue.component my compon...