vue实例中data如何使用return包裹-创新互联
小编给大家分享一下vue实例中data如何使用return包裹,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联成立于2013年,是专业互联网技术服务公司,拥有项目成都网站设计、做网站、成都外贸网站建设公司网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元大名做网站,已为上家服务,为大名各地企业和个人服务,联系电话:13518219792在简单的vue实例中看到的Vue实例中data属性是如下方式展示的:
let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ } })
在使用组件化的项目中使用的是如下形式:
export default{ data(){ return { showLogin:true, // def_act: '/A_VUE', msg: 'hello vue', user:'', homeContent: false, } }, methods:{ } }
为何在大型项目中data需要使用return返回数据呢?
曰:不使用return包裹的数据会在项目的全局可见,会造成变量污染
使用return包裹后数据中变量只在当前组件中生效,不会影响其他组件。
以上是“vue实例中data如何使用return包裹”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享文章:vue实例中data如何使用return包裹-创新互联
当前网址:http://myzitong.com/article/hesdh.html