Vue的学习笔记-组件化开发(为什么组件data必须是函数)
为了防止组件复用时data里面的数据被共享,所以data必须是函数而不是对象。
使用方法:创建data方法返回实例对象
<template id="cpn">
<div>
<h2>{{a}}</h2>
</div>
</template>
Vue.component('cpn',{
template: '#cpn',
data() {
return{
a: '我是data'
}
}
});
const app = new Vue({
el: '#app',
})