vue里data要用return返回數據的原因是什么

這篇“vue里data要用return返回數據的原因是什么”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“vue里data要用return返回數據的原因是什么”文章吧。

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

原因：不使用return包裹的數據會在項目的全局可見，會造成變量污染；而使用return包裹后數據中變量只在當前組件中生效，不會影響其他組件。

本教程操作環境：windows7系統、vue2.9.6版，DELL G3電腦。

官方：
當一個組件被定義， data 必須聲明為返回一個初始數據對象的函數，因為組件可能被用來創建多個實例。如果 data
仍然是一個純粹的對象，則所有的實例將共享引用同一個數據對象！通過提供 data 函數，每次創建一個新實例后，我們能夠調用 data
函數，從而返回初始數據的一個全新副本數據對象。

為什么在項目中data需要使用return返回數據呢？

• 不使用return包裹的數據會在項目的全局可見，會造成變量污染；使用return包裹后數據中變量只在當前組件中生效，不會影響其他組件。

  當一個組件被定義， data 必須聲明為返回一個初始數據對象的函數，因為組件可能被用來創建多個實例。如果 data
  仍然是一個純粹的對象，則所有的實例將共享引用同一個數據對象！通過提供 data 函數，每次創建一個新實例后，我們能夠調用 data函數，從而返回初始數據的一個全新副本數據對象。

類比與引用數據類型。如果不用function return 每個組件的data都是內存的同一個地址，那一個數據改變其他也改變了，這當然就不是我們想要的。用function return 其實就相當于申明了新的變量，相互獨立，自然就不會有這樣的問題；js在賦值object對象時，是直接一個相同的內存地址。所以為了每個組件的data獨立，采用了這種方式。
如果不是組件的話，正常data的寫法可以直接寫一個對象，比如同一組件中的兩個計算器都共用了data：{ num ： 0}，JS中直接共享對象會造成引用傳遞，也就是說按了加減按鈕后所有num值都會跟著修改，所以這里用function來每次返回一個對象實例。

以上就是關于“vue里data要用return返回數據的原因是什么”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注創新互聯行業資訊頻道。

網頁題目：vue里data要用return返回數據的原因是什么
URL分享：http://m.kartarina.com/article30/jeohpo.html

成都網站建設公司_創新互聯，為您提供服務器托管、微信小程序、品牌網站建設、網站收錄、網站排名、定制開發

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯