学习内容
data必须是函数。通过 Vue 构造器传入的各种选项大多数都可以在组件里用。data 是一个例外,它必须是函数。
实例
如下一个组件:
1 | Vue.component('my-component', { |
在浏览器运行会报错,提示The "data" option should be a function that returns a per-instance value in component definitions.
即说明data
必须是函数,所以改造一下变为:
1 | var data={ |
此时,就可以正常渲染了。但上面代码中还有一个问题,如果改变message
,将影响所有组件,这不对,我们通过为每个组件返回全新的data对象来解决这个问题:
1 | data: function(){ |