Vue中的data要用return返回


今天看面试题 突然看到 Vue中的data要用return返回 看到这个问题 刚开始没反应过来 因为平时写vue都是直接去写代码的 关于data要用return返回 只是知道一个大概 并``没有仔细去了解
首先先看一下下面的代码

var vm = new Vue({
    el: '#example',
 	data: {
 	message: 'Hello'
 	}
});
这种写法data对象是引用类型
//在vue组件中这样写
data() {
	 return {
 	message: 'Hello'
 	}
}
//函数写法,每次返回新对象
  • 1)在简单的Vue实例中,因为你app对象不存在复用,不会出现数据污染。
  • 2)然而在组件中, 使用return包裹后数据中变量只在当前组件中生效,因为组件是可以被复用的,这样不会影响其他组件,所以为了不让多处的组件共享同一个data对象,只能返回函数 ,我们只是调用 了data函数生成的数据副本,避免了数据污染。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM