1番甩、 全局注冊:
全局注冊后,任何 Vue 實(shí)例都可以使用牲蜀。示例如下:
Vue.component('my-component',{
// 內(nèi)容
})
2仰禽、局部注冊
在 Vue 實(shí)例中,使用 components 選項(xiàng)可以局部注冊組件祝高,注冊后的組件只有在該實(shí)例作用域下有效栗弟。組件中也可以使用 components 選項(xiàng)來注冊組件,使組件可以嵌套工闺。示例如下:
<div id="app">
? ? <my-component></my-component>
</div>
<script>
var Child = {
? ? template: "<div>局部注冊組件的內(nèi)容</div>"
}
var app = new Vue({
? ? el: "#app",
? ? components: {
? ? ? ? 'my-component': Child
????}
})
</script>
問:為什么在使用 data 時(shí)乍赫,data 必須是函數(shù),然后將數(shù)據(jù) return 出去呢陆蟆?
答:JavaScript 對象是引用關(guān)系雷厂,所以如果 return 出的對象引用了外部的一個(gè)對象,那這個(gè)對象就是共享的叠殷,任何一方修改都會同步改鲫。