在new Vue()的实例的过程中,data可以是一个对象,但是在组件component中,data是一个函数。
下面的写法在Vue中会报错。
Vue.component('my-com',{
template:'<span>{{message}}</span>',
data: {
message: 1
}
})
- 1
- 2
- 3
- 4
- 5
- 6
这个示例才是正确的写法:
Vue.component('my-com',{
template:'<span>{{message}}</span>',
data: function () {
return {
message: 1
}
}
})