为什么vue里的data要用return返回

teren 发布于2019-08-26 13:57 / 2126人阅读

摘要：官网的示例项目中的写法为什么要把变成函数并属性呢组件是一个可复用的实例，当你引用一个组件的时候，组件里的是一个普通的对象，所有用到这个组件的都引用的同一个，就会造成数据污染。

官网的示例

var vm = new Vue({
  el: "#example",
  data: {
    message: "Hello"
  }
});

项目中的写法

data() {
    return {
    message: "Hello"
    }
  }

为什么要把data变成函数并return属性呢？
组件是一个可复用的实例，当你引用一个组件的时候，组件里的data是一个普通的对象，所有用到这个组件的都引用的同一个data，就会造成数据污染。
将data封装成函数后，在实例化组件的时候，我们只是调用了data函数生成的数据副本，避免了数据污染。

专线服务私有云 return返回函数为什么要用php 为什么要用webrtc 为什么要用hadoop

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109898.html

vue生命周期

摘要：接触两个月了，今天说一说里边很重要的生命周期，记得最开始接触的时候我问了一下周边的同事，这些生命周期都有什么用，得到的答案是里边可以操作属性，你记住就完事了，于是乎。。。接触Vue两个月了，今天说一说vue里边很重要的生命周期，记得最开始接触的时候我问了一下周边的同事，这些生命周期都有什么用，得到的答案是mounted里边可以操作属性，你记住mounted就完事了，于是乎。。。数据...

godlong_X 2019-08-23 18:38 评论0 收藏0
Vue从Hello World到打包（后端适读）

摘要：从到上线简介是个框架。现在，我们完成一个项目后，需要打包，因为在开发环境下，运行所依赖的包达到好几百个，为了将文件体积缩减到正常范围，必须按需打包。 Vue从Hello World到上线 Vue 简介 Vue是个MVVM框架。特点：简单易学、体积小、性能高。并且它的源码耦合性非常低，了解它的过程也就是思想进步的过程。当然，只学这一个框架，无法完成前端的全部工作，除了Vue之外，还...

ACb0y 2019-08-20 15:10 评论0 收藏0
墨瞳漫画h5一期 vuejs总结

摘要：欢迎体验提墨瞳漫画这里踩的坑主要是组件的重用。这样可以防止图和图片大小不一样引起的页面跳动继而导致的加载图片时机错误。跨域时，会先发送一个空的请求来查看接口是不是支持跨域，再发送一次真实请求。前言博主也是vuejs萌新，公司仅我一个前端，收到做h5的需求后，马上想到要用下vuejs，于是说服领导，开始慢慢钻研，现在记录一下踩到的坑。这些坑主要是在一些组件的使用上，其它的只要好好看官...

王岩威 2019-08-20 11:10 评论0 收藏0
vue note 01

摘要：数据绑定方式普通的文本可以使用语法双大括号插在标签内部表达式每个绑定都只能包含单个表达式只会添加一次当再次修改时，不会触发机制插入文本较少使用插入不推荐使用计算属性基于它们的依赖进行缓存的，只有在它的相关依赖发生改变时才会重新求值。数据绑定方式： 1.普通的文本可以使用 Mustache语法 (双大括号) {{data}} 插在标签内部eg:{{}} //js: data{ ...

leanote 2019-08-21 16:48 评论0 收藏0