<strike id="qsogi"></strike>

vue--為什么data屬性必須是一個函數

pingink 發布于2019-08-23 15:30 / 2247人閱讀

摘要：所以，組件中的屬性必須是一個函數。資源地址為什么屬性必須是一個函數我的博客地址如果您對我的博客內容有疑惑或質疑的地方，請在下方評論區留言，或郵件給我，共同學習進步。

歡迎訪問我的個人博客：http://www.xiaolongwu.cn

前言

老規矩，我們還是先說為什么。

問題描述：為什么在vue組件中，我們的data屬性必須是一個函數,new Vue()中的data除外，因為new Vue中只有一個data屬性。

原因：因為我們能抽離出來的組件，肯定是具有復用性的，它在項目中會存在多個實例。如果data屬性值是一個對象時，那么它所有的實例都會共享這些數據，這是很麻煩的事情，你不能確保你的所有實例中的屬性值都不會重復。

我們的期望是，組件的每個實例都能獨立的維護自己的數據。

解決方案

我們都知道，在JavaScript中，函數具有獨立作用域快的特點，外部是無法訪問其內部的變量。

試想一下，如果我們組件中的data屬性是一個函數，他的每個實例就會有自己的作用域空間，也就是獨立的數據，每個實例之間不會相互影響。

所以，組件中的data屬性必須是一個函數。

github資源地址：vue--為什么data屬性必須是一個函數

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您對我的博客內容有疑惑或質疑的地方，請在下方評論區留言，或郵件給我，共同學習進步。

郵箱：wuxiaolong802@163.com

云服務器 GPU云服務器 vue是什么 vue是什么軟件 data屬性 vue實例屬性

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102144.html

VUE

摘要：注意指令前面需要加，對指令傳遞數據賦值使用例如約定速成加上，表示自定義指令不要使用駝峰式命名。需要通過方法實現自定義指令注冊完成。 vue Vue.js 構建數據驅動的web界面庫。集中實現MVVM 的 VM層。容易與其他庫或項目整合通過盡可能簡單的API實現相應的數據綁定和組合的視圖組件核心：相應的數據綁定系統，數據與DOM保持同步數據驅動的視圖，普通的HTML模板中使用特殊的語...

bergwhite 2019-08-19 18:39 評論0 收藏0
JavaScript從初級往高級走系列————MVVM-Vue

摘要：原文博客地址如何理解如何實現是否解讀過的源碼與框架的區別實現實現獨立初始化實例兩者的區別數據和視圖的分離，解耦開放封閉原則，對擴展開放，對修改封閉在中在代碼中操作視圖和數據，混在一塊了以數據驅動視圖，只關心數據變化，原文博客地址：https://finget.github.io/2018/05/31/mvvm-vue/ MVVM 如何理解 MVVM 如何實現 MVVM 是否解讀過 ...

codercao 2019-08-23 13:46 評論0 收藏0
javascript高級學習總結（二）

摘要：那個率先改變的實例的返回值，就會傳遞給的回調函數。函數對函數的改進，體現在以下四點內置執行器。進一步說，函數完全可以看作多個異步操作，包裝成的一個對象，而命令就是內部命令的語法糖。中的本質就是沒有的隱藏的組件。 1、原型 - jquery使用showImg(https://segmentfault.com/img/bVbwNcY?w=692&h=442);注釋 : 實例雖然不同，但是構...

Songlcy 2019-08-26 10:58 評論0 收藏0
Vue組件定義

摘要：組件結構基礎知識屬性屬性維護一個組件內部狀態，其余組件正常情況下不可見。方案選擇單文件一行的簡單結構常規的選擇前邊兩種方案解決不了時候的選擇靈活性高注意不論選擇哪一種方案，定義模板時，一定要有一個非標簽元素作根，有且僅有一個。簡介組件是可復用的 Vue 實例。本質上是一個對象，該對象包含data、computed、watch、methods、filters以及生命周期鉤子等成員屬...

imtianx 2019-08-23 10:41 評論0 收藏0
Vue.js非常重要之組件

摘要：它們之間必然需要相互通信父組件要給子組件傳遞數據，子組件需要將它內部發生的事情告知給父組件。父組件通過向下傳遞數據給子組件，子組件通過給父組件發送消息。這是由使用的父組件決定的。 Vue.js的組件注冊組件全局注冊要注冊一個全局組件，你可以使用 Vue.component(tagName, options)。例如： Vue.component(my-component, { ...

ysl_unh 2019-08-21 16:16 評論0 收藏0