/**
* 直接使用对象,省略掉使用Vue.extend
*/
Vue.component('my-cpn',{
// 在ES6中可以使用 `` 标识字符串 并且可以换行不需要拼接
template: `
<div>
<h2>this is cpn</h2>
<span>this is span!</span>
</div>
`
});
const vue = new Vue({
el: '#app',
data: {},
components:{
// 直接使用大括号 省略掉Vue.extend
cpn:{
template: `
<h2>语法糖</h2>
`
}
}
})
使用语法糖直接省略Vue.extend步骤
作者:彼岸舞
时间:2021\06\02
内容关于:VUE
本文属于作者原创,未经允许,禁止转发