<div id='app'>
<my-component-name> </my-component-name>
</div>
<script>
Vue.component("myComponentName",{
template:"<div>This is my-component-name</div>"
})
var app = new Vue({
el:"#app",
data:{
}
})
</script>
注册命名方式,驼峰命名但是在组件标签写时需要“-”连接,或者直接可以用断线连接命名代替驼峰命名
上述的组件都是全局注册
<div id='app'>
<componentb></componentb>
</div>
<script>
var ComponentA = {
template:"<h1>ComponentA</h1>"
}
var app = new Vue({
el:"#app",
data:{
},
components:{
componentb:ComponentA
}
})
</script>
局部组件注册,注意:组件的变量名称必须小写componentb