原文:深入理解--VUE組件中數據的存放以及為什么組件中的data必需是函數

組件中數據的存放 重點 組件是一個單獨模塊的封裝:這個模塊有自己的HTML模板,也有data屬性。 只是這個data屬性必需是一個函數,而這個函數返回一個對象,這個對象里面存放着組件的數據。 完整代碼 解析:當你在調用title變量的時候,只能訪問到組件內部定義的變量,因為組件是一個單獨模塊的封裝。 為什么組件中的data必需是函數 因為組件是要重復使用的,當data是函數並且在多次調用的時候, ...

2019-10-30 16:09 0 715 推薦指數:

查看詳情

Vue 組件data為什么是函數

在創建或注冊模板的時候,傳入一個data屬性作為用來綁定的數據。但是在組件data必須是一個函數,而不能直接把一個對象賦值給它。 Vue 實例的數據對象。Vue 將會遞歸將 data 的屬性轉換為 getter/setter,從而讓 data 的屬性能夠響應數據變化。對象 ...

Wed Apr 15 01:18:00 CST 2020 0 1055
vue組件data為什么必須是個函數

分析如上代碼: 1、首先創建一個名字為counter的組件data函數返回一個外部定義的對象的值,如果直接給data屬性設置一個對象而不是函數,那么會在瀏覽器中直接報錯 2、在瀏覽器運行代碼 每次點擊+1按鈕,下邊的值就會加一 3、如果我們在頁面上同時使用三個 ...

Sat Apr 06 05:47:00 CST 2019 1 1943
vue組件data為什么是函數

一、vue組件data為什么是函數   為了保證組件的獨立性 和 可 復用性,data 是一個函數組件實例化的時候這個函數將會被調用,返回一個對象,計算機會給這個對象分配一個內存地址,你實例化幾次,就分配幾個內存地址,他們的地址都不一樣,所以每個組件數據不會相互干擾,改變其中一 ...

Fri Jan 10 22:56:00 CST 2020 0 2530
Vue 組件 data 為什么必須是函數

原文地址 vue組件data必須是函數 類比引用數據類型 Object是引用數據類型,如果不用function 返回,每個組件data 都是內存的同一個地址,一個數據改變了其他也改變了; javascipt只有函數構成作用域(注意理解作用域,只有函數的{}構成 ...

Thu May 09 19:28:00 CST 2019 0 1804
Vue 組件 data 為什么必須是函數

1. 前言 在學習vue的時候,一直納悶一件事:組件data數據為什么必須要以函數返回的形式,為什么不是簡單的對象形式呢?遂帶着問題去翻官方文檔,文檔自然也寫明了這么做的原因,本篇博文以官方文檔給出的原因為基礎,並加上具體的例子,來闡述這么設計的原因。 回到頂部 2.正文 ...

Mon Mar 30 01:17:00 CST 2020 0 968
深入理解Vue組件3大核心概念

摘要: 搞懂Vue組件! 作者:浪里行舟 原文:詳解vue組件三大核心概念 Fundebug經授權轉載,版權歸原作者所有。 前言 本文主要介紹屬性、事件和插槽這三個vue基礎概念、使用方法及其容易被忽略的一些重要細節。如果你閱讀別人寫的組件,也可以從這三個部分展開 ...

Fri Jun 21 18:01:00 CST 2019 0 566
vue組件data為什么是一個函數

組件是可復用的vue實例,一個組件被創建好之后,就可能被用在各個地方,而組件不管被復用了多少次,組件data數據都應該是相互隔離,互不影響的,基於這一理念,組件每復用一次,data數據就應該被復制一次,之后,當某一處復用的地方組件data數據被改變時,其他復用地方組件data數據不受 ...

Fri Aug 23 01:03:00 CST 2019 0 2491
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM