小编给大家分享一下vue中data和data()的区别有哪些，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！注意：在大型项目中data会造成数据污染（data是全局的）将data封装成一个函数，我们在实例化组件的时候只是调用了这个函数生成的数据副本，这就避免了数据污染。本文从Vue.js的官方中文文档来逐行分析看看Vue.js的数据对象——data官方文档地址分析一：首先，data的类型可以是Object其次，组件（component）里的定义的data必须是方法类型的，至于为什么接下来会介绍到；分析二：在上图的实例中，app的data对象中有五个属性，分别是：newTodoTextvisitCounthideCompletedTodostodoserrorVue会把这五个属性转化为getter和setter来控制访问对象app的属性，以第一个属性newTodoText为例设置了getter和setter：分析三：这个好理解，就是你可以在data中可以定义属性时在属性名开头加上下划线“_”或者美元符号“$”，就不可以直接访问，此时图一会报错，显示 _first is not defined ，图二才是正确姿势分析四：这就是分析一要解决的问题了，为什么组件（component）里的定免费云主机域名义的data必须是方法类型，原因就是在此，在工程中，每个组件都有可能用来被创建多个实例，而这个组件的实例他们的属性是不能共用的！意思是组件A的属性改变不能引起组件B的同一属性改变，结合原型链知识很容易就能想清楚看完了这篇文章，相信你对“vue中data和data()的区别有哪些”有了一定的了解，如果想了解更多相关知识，欢迎关注百云主机行业资讯频道，感谢各位的阅读！
相关推荐: Pythonr基于selenium怎么实现不同商城的商品价格差异分析系统
这篇文章主要介绍了Pythonr基于selenium怎么实现不同商城的商品价格差异分析系统的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇Pythonr基于selenium怎么实现不同商城的商品价格差异分析系统文章都会有所收获，下面…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
