vue中的data用return返回

为什么在大型项目中data需要使用return返回数据呢？

答：不使用return包裹的数据会在项目的全局可见，会造成变量污染；使用return包裹后数据中变量只在当前组件中生效，不会影响其他组件。

1、在简单的vue实例中看到的Vue实例中data属性，如下所示：

let app= newVue({el:"#app",data:{msg:''},methods:{}
})

2、在使用组件化的项目中，如下所示：

export default{data(){return {showLogin:true,// def_act: '/A_VUE',msg: 'hello vue',user:'',homeContent: false,}},methods:{}
}

转载于:https://www.cnblogs.com/catherLee/p/9548000.html

vue中的data用return返回相关推荐

vue中的data为什么是一个函数？起到什么作用？
前言在学习vue的时候,我们一直在思考的一件事: 组件的data数据为什么必须要以函数返回的形式,为什么不是简单的对象形式呢? 一.data为什么是一个函数面试回答: 如果data是一个函数的话, ...
vue中的data为什么必须是一个函数
其实这个问题是js的问题,并非是vue的问题这和原型链的知识有关我们可以反向推一下,如果vue中的data是一个对象的话会发生什么现象举例:vue中的data是一个对象 function Com ...
vue中使data中的数据初始化
组件中的根元素使用了v-if,但是组件中的data数据不会初始化,因为不是组件使用了v-if,组件不会销毁:但是可是使用以下方式来让data数据初始化: Object.assign(this.$dat ...
【Vue】Vue中的data数据包含html标签元素的解决方法
通过:v-html,html代码: <div v-html="cont"></div> vue中data数据: cont: "<a href ...
Vue中JS遍历后台JAVA返回的Map数据,构造对象数组数据格式
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
vue中在data中写入img地址引入问题
第一种情况如果将img放在 src在下的assets中时候:img地址在data中 {id: 1153135,title: '精选1',price: 168,count: 40,imgAddress ...
【Vue】MVVM模型，vue中的data、methods属性
Vue中data为何以函数形式返回
data为何以函数形式返回在使用Vue构建组件化应用时,每个组件的data属性都是以函数形式返回的,这主要是在组件化实现的时候,每个实例可以维护一份被返回对象的独立的拷贝,而不是共享同一个对象的引用 ...
Vue 组件中的data为什么是一个函数?
1.前言在学习Vue的时候,发现组件中的data 是函数返回的形式,而挂载的实例中的data一般都是简单的对象格式,带着问题查了查文档,下面给出例子和解释. 2.正文这里有一个 Vue 组件的示例 ...

vue中的data用return返回

vue中的data用return返回相关推荐

最新文章

热门文章