兩種方法實現父元件往子元件中傳入dom節點
1. 屬性傳值（不推薦）
2. slot插槽使用 （推薦）
1. 宣告元件
var childone = }div
>'}
2. 屬性傳入
>
slotp
>
'>child-one
>
ps: 其實這樣是不行的
這時候需要使用v-html屬性,且需要使用乙個div的掛載節點
>
hello v-html
="this.content"
>
div>
div>
還需要注意，這樣也是不行的
>
hello >
}div
>
div>
如果短的dom節點還好，如果一大串的話，**看起來就很臃腫
每次都會多乙個div節點，這不是我們需要的
思路：
1. 宣告元件
var childtwo =
2. 在節點中新增插槽
>
>
slotp
>
child-two
>
ps：其實這個就是在節點之間插入dom
3. 在元件中通過slot使用插槽
var childtwo =
1. 在節點中不新增插槽
>
child-two
>
2. 在元件中繼續使用slot，並且新增預設的dom
var childtwo =
ps: 這樣的情況，最後顯示的就是>
defaultp
>
1. 使用插槽，並且新增slot屬性，區分插槽
>
slot
="header"
>
headerdiv
>
slot
="footer"
>
footerdiv
>
child-three
>
2. 乙個元件使用多個插槽
var childthree =
header
hello
footer
Vue 元件的使用
使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時使用 kebab case，例如 使用 pascalcase vue.component mycomponentna...
Vue元件的使用
元件是可復用的 vue 例項,如果網頁中的某乙個部分需要在多個場景中使用，那麼我們可以將其抽出為乙個元件進行復用。元件大大提高了 的復用率。一 全域性註冊 vue.component componentnew 第乙個引數為元件名，第二個引數為配置項，是乙個物件的結構。全域性註冊的元件可以用在任何新建...
vue 元件及動態元件使用
在註冊乙個元件的時候，我們始終需要給它乙個名字，該元件名就是vue.component的第乙個引數。元件命規則 1 使用 kebab case vue.component my component name 當使用 kebab case 短橫線分隔命名 定義乙個元件時，你也必須在引用這個自定義元素時...