vue中的data的理解,为什么vue中data是函数
本文主要介绍了vue中data和data()的区别，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
数据与数据的区别()用于Vue实例中数据属性的组件化项目。vue.js、文档1、文档2、文档3和文档4中数据文档的详细说明
data和data()的区别
Vue实例中data属性
新Vue({
埃尔： #app ，
数据：{
消息：“消息”
}
})
组件化的项目中使用
导出默认值{
data(){
返回{
消息：“消息”
}
}
}
注意：
在大型项目中，数据会造成数据污染(数据是全局的)。
将数据封装到一个函数中，我们在实例化组件时只调用这个函数生成的数据副本，避免了数据污染。
详解vue.js中的data
本文从Vue.js的中文官方文档中逐行分析Vue.js的数据对象——data。
官方文件地址
文档之一
分析一：
首先，数据的类型可以是对象
其次，组件中定义的数据必须是方法类型，至于为什么接下来会引入；
文档之二
分析二：
在上面的例子中，app的数据对象中有五个属性，分别是：
newtotototexvisitcountycompleted to totodoestorrorvue会将这五个属性转换成getters和setters来控制access object app的属性。以第一个属性newTodoText为例设置getters和setters:
文档之三
分析三：
这个很好理解，就是可以在数据中定义属性的时候，在属性名的开头加一个下划线“_”或者美元符号“$”，这样就不能直接访问了。
此时，图1会报告一个错误并且display _first没有定义，图2是正确的姿势。
文档之四
分析四：
这是分析一要解决的问题。为什么组件中定义的数据必须是方法类型？原因是在工程中，每个组件都可能被用来创建多个实例，而这个组件实例的属性是不能共享的！意思是组件A的属性变化不能引起组件B的相同属性变化，结合原型链知识很容易搞清楚。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。