组件语法糖
组件的使用需要构建组件,注册组件,使用组件,相对较为繁琐
使用语法糖可直接构建并注册组件
<body>
<!-- 定义容器 -->
<div id="app">
<!-- 使用组件 -->
<cpn></cpn>
</div>
<script type="text/javascript">
// 全局组件语法糖
// 创建并注册组件
Vue.component(
'cpn',{template:`
<p>我是语法糖</p>
`}
)
// Vue实例化
var vm = new Vue({
el:'#app',
data:{
msg:'Vue'
},
//局部组件语法糖,在Vue实例中使用cpmponents
components: {
'cpn2': {
template: `
<div>
<p>嘿哈</p>
<h1>我是局部组件语法糖</h1>
</div>
`
}
}
})
</script>
</body>