vue實例中data使用return包裹的方法
更新時間：2018年08月27日 10:04:45 作者：pobu168
今天小編就為大家分享一篇vue實例中data使用return包裹的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
在簡單的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返回數(shù)據(jù)呢？
曰：不使用return包裹的數(shù)據(jù)會在項目的全局可見，會造成變量污染
使用return包裹后數(shù)據(jù)中變量只在當(dāng)前組件中生效，不會影響其他組件。
以上這篇vue實例中data使用return包裹的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
這篇文章主要介紹了Vue 的異常處理機制，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-11-11
這篇文章主要介紹了Vue中的表單輸入綁定,雙向綁定方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-03-03
當(dāng)一個頁面需要加載較多個組件時,并且組件自身又比較復(fù)雜,如果一次性加載,可能等待時間較長,體驗不好,這個時候就需要延遲加載了,本文為大家介紹了Vue2實現(xiàn)組件延遲加載的示例代碼,需要的可以參考下2024-01-01
這篇文章主要為大家詳細介紹了vue實現(xiàn)自動滑動輪播圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要為大家介紹了vue3封裝echarts組件最佳形式詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11
關(guān)于element中對el-input 自定義驗證規(guī)則
這篇文章主要介紹了關(guān)于element中對el-input 自定義驗證規(guī)則，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
本文章主要來介紹一下第一個階段，也就是前端校驗的驗證碼的實現(xiàn)，下面來介紹一下拖動驗證碼的具體實現(xiàn)。這篇文章主要介紹了利用 Vue 實現(xiàn)滑動驗證碼,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了vue中如何實時監(jiān)聽本地存儲，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
通過壓縮代碼的手段可減小網(wǎng)絡(luò)傳輸?shù)拇笮?但實際上最影響用戶體驗的還是網(wǎng)頁首次打開時的加載等待,其根本原因是網(wǎng)絡(luò)傳輸過程耗時較大,這篇文章主要給大家介紹了關(guān)于vue項目使用cdn加速減少webpack打包體積的相關(guān)資料,需要的朋友可以參考下2022-08-08
這篇文章主要為大家介紹了Vue自定義指令實現(xiàn)點擊右鍵彈出菜單示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01