# 组件名大小写的问题
请注意:定义组件时组件名只能用驼峰式写法或者全小写(可以用-连接)
# 全局注册
Vue.component可以用来全局注册组件
//main.js
Vue.component('my-component-name', {
// ... 选项 ...
})
//或者
import User from './views/User'
import About from './views/About'
// 全局注册组件
Vue.component('user', User)
Vue.component('about', About)
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 局部注册
var componentA = {
/* ... */
}
new Vue({ el: '#app', components: { 'component-a': ComponentA, 'component-b': ComponentB } })
1
2
3
4
2
3
4