Vue.js的data是要一个对象还是一个function

如题所述

推荐答案 2017-03-19

在一个普通的 Vue app 中，data 是一个对象： new Vue( { data : { title : 'abc' }} ); 在 Vue 的 Component 中，data 要写成一个 function，并返回对象： Vue.component( 'component-name', Vue.extend( { data : function()

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/6CXhhIC2602X60IfI2.html

其他回答

第1个回答 2017-03-19

类型： Object | Function

限制: 组件的定义只接受 function。

都可以。但是当你在组件定义data必须使用function。

当一个组件被定义， data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将共享引用同一个数据对象！

参考资料：https://cn.vuejs.org/v2/api/#data

相似回答

Vue.js的data是要一个对象还是一个function答：如官网文档所示，如果你不使用组件那么对象和函数都可以，但是用到组件那么就只能是函数

Vue前端开发有哪些规范答：组件的 data 必须是一个函数。当在组件中使用 data 属性的时候 (除了 new Vue 外的任何地方),它的值必须是返回一个对象的函数。正例:// In a .vue fileexport default { data () { return { foo: 'bar' } }}// 在一个 Vue 的根实例上直接使用对象是可以的,// 因为只存在一个这样的实例。new V...