vue實(shí)例中data使用return包裹的方法
更新時(shí)間：2018年08月27日 10:04:45 作者：pobu168
今天小編就為大家分享一篇vue實(shí)例中data使用return包裹的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
在簡(jiǎn)單的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)目的全局可見(jiàn)，會(huì)造成變量污染
使用return包裹后數(shù)據(jù)中變量只在當(dāng)前組件中生效，不會(huì)影響其他組件。
以上這篇vue實(shí)例中data使用return包裹的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家介紹了Vue 2源碼解讀$mount原理示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
vue基礎(chǔ)之事件簡(jiǎn)寫(xiě)、事件對(duì)象、冒泡、默認(rèn)行為、鍵盤(pán)事件實(shí)例分析
這篇文章主要介紹了vue基礎(chǔ)之事件簡(jiǎn)寫(xiě)、事件對(duì)象、冒泡、默認(rèn)行為、鍵盤(pán)事件,結(jié)合實(shí)例形式分析了vue.js事件簡(jiǎn)寫(xiě)、冒泡及阻止冒泡等相關(guān)操作技巧,需要的朋友可以參考下2019-03-03
vue把頁(yè)面轉(zhuǎn)換成圖片導(dǎo)出方式(html2canvas導(dǎo)出不全問(wèn)題)
這篇文章主要介紹了vue把頁(yè)面轉(zhuǎn)換成圖片導(dǎo)出方式(html2canvas導(dǎo)出不全問(wèn)題),具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
在本文里小編給各位整理了關(guān)于django模板與vue.js沖突問(wèn)題以及實(shí)例代碼，需要的朋友們參考下。2019-07-07
vue?cli3?項(xiàng)目中如何使用axios發(fā)送post請(qǐng)求
這篇文章主要介紹了vue?cli3?項(xiàng)目中如何使用axios發(fā)送post請(qǐng)求，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue.js實(shí)現(xiàn)數(shù)據(jù)庫(kù)的JSON數(shù)據(jù)輸出渲染到html頁(yè)面功能示例
這篇文章主要介紹了vue.js實(shí)現(xiàn)數(shù)據(jù)庫(kù)的JSON數(shù)據(jù)輸出渲染到html頁(yè)面功能,結(jié)合實(shí)例形式分析了vue.js針對(duì)本地json數(shù)據(jù)的讀取、遍歷輸出相關(guān)操作技巧,需要的朋友可以參考下2019-08-08
詳解vue中點(diǎn)擊空白處隱藏div的實(shí)現(xiàn)（用指令實(shí)現(xiàn)）
本篇文章主要介紹了詳解vue中點(diǎn)擊空白處隱藏div的實(shí)現(xiàn)（用指令實(shí)現(xiàn)），小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-04-04
這篇文章主要介紹了vue高德地圖繪制行政區(qū)邊界功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧2024-03-03
vue實(shí)現(xiàn)簡(jiǎn)單轉(zhuǎn)盤(pán)抽獎(jiǎng)功能
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)簡(jiǎn)單轉(zhuǎn)盤(pán)抽獎(jiǎng)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
在Vue項(xiàng)目中使用Element UI的表格組件時(shí),可以通過(guò)具體的單元格渲染方法添加超鏈接,在表格的某列中,利用模板或渲染函數(shù)插入<a>標(biāo)簽,設(shè)置其href屬性指向目標(biāo)URL,實(shí)現(xiàn)點(diǎn)擊跳轉(zhuǎn)功能,此方法適用于需要從表格信息中快速導(dǎo)航到相關(guān)詳細(xì)頁(yè)面的場(chǎng)景2024-09-09