vue 元件及動態元件使用

在註冊乙個元件的時候，我們始終需要給它乙個名字，該元件名就是vue.component的第乙個引數。

元件命規則：

1、使用 kebab-case

vue.component('my-component-name', )

例如。

2、使用 pascalcase

vue.component('mycomponentname', )

// 定義乙個名為 button-counter 的全域性新元件

vue.component('button-counter', 
},template: 'you clicked me } times.',
methods: 
}})

import children from '@/components/children.vue'

vue.component('button-counter', children)

you clicked me } times.

import componenta from './componenta.vue'

export default ,
// ...
}

vue動態元件 非同步元件

重新建立動態元件的行為通常是非常有用的，但是在這個案例中，我們更希望那些標籤的元件例項能夠被在它們第一次被建立的時候快取下來。為了解決這個問題，我們可以用乙個元素將其動態元件包裹起來。v bind is currenttabcomponent component keep alive 注意 這個要求...

Vue 元件4 動態元件

動態元件 通過使用保留的元素，動態的繫結到它的is特性，我們讓多個元件同時使用同乙個掛載點，並動態切換 var vm new vue components posts archive component 也可以直接繫結到元件物件上 var home var vm new vue keep alive...

Vue 動態元件

vue.js提供了乙個特殊的元素用來動態掛載不同的元件，使用is特性來選擇要掛載的元件 is current component click change a 切換到a元件button click change b 切換到b元件button click change c 切換到c元件button d...