一、全局组件注册语法:
Vue.component(组件名称,{
data:组件数据,
template:组件模板内容
})
组件命名方式:
1.短横线
Vue.component('my-component',{
data:组件数据,
template:组件模板内容})
2.驼峰使
Vue.component('MyComponent',{
data:组件数据,
template:组件模板内容
})
如果使用驼峰式命名组件,那么必须在使用的时候,只能在字符串模板中用驼峰方式使用;在普通的标签模板中,必须用短横线的方式(可将驼峰式转化为短横线形式,首字母小写,单词中间用-)
例:定义一个组件 button-counter,用法:每次点击按钮加2
Vue.component('button-counter',{
data:function() {
return {
count:0
}
},
template:'<button @click=&