99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章主要為大家展示了“vue里的data為什么要用return返回”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“vue里的data為什么要用return返回”這篇文章吧。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：域名注冊、網絡空間、營銷軟件、網站建設、桂平網站維護、網站推廣。

官網的示例

var vm = new Vue({
 el: '#example',
 data: {
 message: 'Hello'
 }
});

項目中的寫法

data() {
 return {
 message: 'Hello'
 }
 }

為什么要把data變成函數并return屬性呢？

組件是一個可復用的實例，當你引用一個組件的時候，組件里的data是一個普通的對象，所有用到這個組件的都引用的同一個data，就會造成數據污染。

將data封裝成函數后，在實例化組件的時候，我們只是調用了data函數生成的數據副本，避免了數據污染。

PS：下面看下vue中data是否使用return的區(qū)別

// Vue實例中data屬性是如下方式展示的：
let app = newVue({
  el: "#app",
  data: { msg: '' },
  methods: {}
})
// 使用組件化的項目中是如下方式展示的:
export default{
  data(){
    return{
      showLogin:true,
      msg:''
    }
  },
  methods:{}
}

// 為何在大型項目中data需要使用return返回數據呢？
// 答：不使用return包裹的數據會在項目的全局可見，會造成變量污染
//    使用return包裹后數據中變量只在當前組件中生效，不會影響其他組件

以上是“vue里的data為什么要用return返回”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)成都網站設計公司行業(yè)資訊頻道！

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

新聞標題：vue里的data為什么要用return返回-創(chuàng)新互聯(lián)
鏈接URL：http://www.ef60e0e.cn/article/ddeegg.html