vue实例中data如何使用return包裹-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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://kswsj.cn/article/hesdh.html

其他资讯