vue里的data为什么要用return返回
这篇文章主要为大家展示了“vue里的data为什么要用return返回”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vue里的data为什么要用return返回”这篇文章吧。
做网站、成都网站设计介绍好的网站是理念、设计和技术的结合。创新互联拥有的网站设计理念、多方位的设计风格、经验丰富的设计团队。提供PC端+手机端网站建设,用营销思维进行网站设计、采用先进技术开源代码、注重用户体验与SEO基础,将技术与创意整合到网站之中,以契合客户的方式做到创意性的视觉化效果。
官网的示例
var vm = new Vue({ el: '#example', data: { message: 'Hello' } });
项目中的写法
data() { return { message: 'Hello' } }
为什么要把data变成函数并return属性呢?
组件是一个可复用的实例,当你引用一个组件的时候,组件里的data是一个普通的对象,所有用到这个组件的都引用的同一个data,就会造成数据污染。
将data封装成函数后,在实例化组件的时候,我们只是调用了data函数生成的数据副本,避免了数据污染。
PS:下面看下vue中data是否使用return的区别
// Vue实例中data属性是如下方式展示的: let app = newVue({ el: "#app", data: { msg: '' }, methods: {} }) // 使用组件化的项目中是如下方式展示的: export default{ data(){ return{ showLogin:true, msg:'' } }, methods:{} }
// 为何在大型项目中data需要使用return返回数据呢?
// 答:不使用return包裹的数据会在项目的全局可见,会造成变量污染
// 使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件
以上是“vue里的data为什么要用return返回”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享标题:vue里的data为什么要用return返回
当前路径:http://scyanting.com/article/ishcdd.html