在簡單的vue實(shí)例中看到的Vue實(shí)例中data屬性是如下方式展示的：

let app= newVue({ el:"#app", data:{  msg:'' }, methods:{   }})

在使用組件化的項(xiàng)目中使用的是如下形式：

export default{ data(){  return {   showLogin:true,   // def_act: '/A_VUE',   msg: 'hello vue',   user:'',   homeContent: false,  } }, methods:{   }}

為何在大型項(xiàng)目中data需要使用return返回?cái)?shù)據(jù)呢？

曰：不使用return包裹的數(shù)據(jù)會(huì)在項(xiàng)目的全局可見，會(huì)造成變量污染

使用return包裹后數(shù)據(jù)中變量只在當(dāng)前組件中生效，不會(huì)影響其他組件。

以上這篇vue實(shí)例中data使用return包裹的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持錯(cuò)新站長站。