元件註冊：
//註冊元件
vue.component('my-component', )
註冊區域性元件
var childcomponent =vue.extend();vue.component("parent",
});
完整的html**：
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
script
src=""
>
script
>
<
title
>vue-demo
title
>
head
>
<
body
>
<
h1>vue父子元件巢狀示例
h1>
<
div
id>
<
my-component
>
my-component
>
<
parent
>
parent
>
div>
body
>
<
script
>
//註冊元件
vue.component(
'my-component
', )
// 子元件
varchildcomponent
=vue.extend();
// 父元件
vue.component("parent",
});newvue(
})script
>
html
>
注意，元件只能有乙個根元素，所以最好使用乙個div元素包裹元件模板，否則會提示錯誤：component template should contain exactly one root element. if you are using v-ifon multiple elements, use v-else-ifto chain them instead.
以下是錯誤的：
vue.component("parent",
});
也可以使用非字串模板註冊元件，如下：
doctype html
>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
script
src=""
>
script
>
<
title
>vue-demo
title
>
head
>
<
body
>
<
h1>vue父子元件巢狀示例
h1>
<
template
id="child"
>
<
p>this is child template
p>
template
>
<
template
id="parent"
>
<
div>
<
p>this is parent template
p>
<
child
>
child
>
div>
template
>
<
div
id>
<
parent
>
parent
>
div>
<
script
src="vue.js"
>
script
>
<
script
>
varchildcomponent
=vue.extend();
vue.component(
"parent",
});var=
newvue();
script
>
body
>
html
>
效果是一樣的。
（完）
vue父子元件通訊，巢狀元件
子傳父 子元件定義事件say click say 子傳父div methods裡面執行say方法，通過emit給父元件傳遞乙個叫sire的自定義事件，它會自動去父元件裡面尋找sire事件 say 父元件引用子元件模板 宣告型別 註冊元件 sire自定義事件必須與子元件給的一致 say event t...
VUE父子元件
父頁面 actiondetail msg 子頁面呼叫父頁面的方法 this.emit parentaction 我想說的話 我是父元件 我是子元件 父元件對我說 父元件通過 prop 給子元件下發資料，子元件通過 emit觸發事件給父元件傳送訊息 1.this.children用來訪問子元件例項，要...
初識vue 8 父子元件通訊示例
子元件中設定props屬性，去接收父元件資料。為什麼要設定屬性去接收？因為v bind指令就是動態的給值，v bind 子元件屬性變數 父元件存放資料變數 子元件 emit發射事件，並且攜帶引數一起發射。父元件在外部用v on接收傳送的事件和傳出的值。下面是乙個示例，大概是父元件把number1 n...