Vue組件中的Data為什麼是函數。

来源:https://www.cnblogs.com/itrencaoqi/archive/2020/01/10/12175420.html
-Advertisement-
Play Games

簡單點說,組件是要復用的,在很多地方都會調用。 如果data不是函數,而是屬性,就又可能會發生多個地方的相同組件操作同一個Data屬性,導致數據混亂。 而如果是函數,因為組件data函數的返回值是{屬性:屬性名},所以每次返回都會在堆空間創建一個新的空間,所以各個組件不會發生操作同一個數據,防止數據 ...


簡單點說,組件是要復用的,在很多地方都會調用。   如果data不是函數,而是屬性,就又可能會發生多個地方的相同組件操作同一個Data屬性,導致數據混亂。

而如果是函數,因為組件data函數的返回值是{屬性:屬性名},所以每次返回都會在堆空間創建一個新的空間,所以各個組件不會發生操作同一個數據,防止數據混亂。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • function getCoords(evt) { // 計算出當前屏幕與svg的比例 var canvas = document.getElementById("canvase"); var viewbox = svgRoot.getAttributeNS(null, "viewBox"); // ...
  • 1. vue中路由模式的種類有兩種 1. 一種是 hash 模式。 2. 一種是 h5 的 history 模式。 2. hash 和 history 都是來自 bom 對象 bom 來自 window 3. window.location.hash 4. hash 是屬於 window.locat ...
  • 5)構造函數的用法:例 3.5.1<head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/></head><script> function Student(name, age) { /* 馬克-to-win ...
  • 模塊: 封裝好的應用程式,它只是js文件的封裝。 組件: 一個完整的單位個體,可以有js可以有css和html。 作者:晉飛翔手機號(微信同步):17812718961希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收穫 不喜勿噴 如有建議 多多提議 謝謝!!! ...
  • 一、vue組件中的data為什麼是函數 為了保證組件的獨立性 和 可 復用性,data 是一個函數,組件實例化的時候這個函數將會被調用,返回一個對象,電腦會給這個對象分配一個記憶體地址,你實例化幾次,就分配幾個記憶體地址,他們的地址都不一樣,所以每個組件中的數據不會相互干擾,改變其中一個組件的狀態,其 ...
  • Vuex 一、基礎 1. Vuex 相當於 vue的數據倉庫 2. Vuex 是 vue 的狀態管理工具 3. Vuex中的 state 只能通過mutations 改變 4. Vuex很適合做購物車 什麼是Vuex? Vuex採用集中式存儲所有組件的數據狀態,並且中間狀態和store(後臺數據)是 ...
  • 1. 為什麼觸發不了了? <button type="button" onclick="a()">button</button> 全形字元 全形空格可能在輸入的時候無意識觸發, 在 js 里基本沒有影響, 但是在 HTML 標簽裡面屬性之間可能就難以發現, 導致全形空格後面的屬性失效. 雖然全形字元 ...
  • 舊的模板消息將在 2020 年 1 月 10 號全面下架,也就是今天,不過貌似現在還可以用!!!我已經改好了,只不過還沒有上線,準備堅持到最後一天! 0、訂閱消息 簡單介紹一下訂閱消息的特點: 用戶授權就能發送訂閱消息,一次授權可下發一次信息,長期訂閱消息模板授權一次理論上可以無限下發消息 與舊模板 ...
一周排行
    -Advertisement-
    Play Games
  • Timer是什麼 Timer 是一種用於創建定期粒度行為的機制。 與標準的 .NET System.Threading.Timer 類相似,Orleans 的 Timer 允許在一段時間後執行特定的操作,或者在特定的時間間隔內重覆執行操作。 它在分散式系統中具有重要作用,特別是在處理需要周期性執行的 ...
  • 前言 相信很多做WPF開發的小伙伴都遇到過表格類的需求,雖然現有的Grid控制項也能實現,但是使用起來的體驗感並不好,比如要實現一個Excel中的表格效果,估計你能想到的第一個方法就是套Border控制項,用這種方法你需要控制每個Border的邊框,並且在一堆Bordr中找到Grid.Row,Grid. ...
  • .NET C#程式啟動閃退,目錄導致的問題 這是第2次踩這個坑了,很小的編程細節,容易忽略,所以寫個博客,分享給大家。 1.第一次坑:是windows 系統把程式運行成服務,找不到配置文件,原因是以服務運行它的工作目錄是在C:\Windows\System32 2.本次坑:WPF桌面程式通過註冊表設 ...
  • 在分散式系統中,數據的持久化是至關重要的一環。 Orleans 7 引入了強大的持久化功能,使得在分散式環境下管理數據變得更加輕鬆和可靠。 本文將介紹什麼是 Orleans 7 的持久化,如何設置它以及相應的代碼示例。 什麼是 Orleans 7 的持久化? Orleans 7 的持久化是指將 Or ...
  • 前言 .NET Feature Management 是一個用於管理應用程式功能的庫,它可以幫助開發人員在應用程式中輕鬆地添加、移除和管理功能。使用 Feature Management,開發人員可以根據不同用戶、環境或其他條件來動態地控制應用程式中的功能。這使得開發人員可以更靈活地管理應用程式的功 ...
  • 在 WPF 應用程式中,拖放操作是實現用戶交互的重要組成部分。通過拖放操作,用戶可以輕鬆地將數據從一個位置移動到另一個位置,或者將控制項從一個容器移動到另一個容器。然而,WPF 中預設的拖放操作可能並不是那麼好用。為瞭解決這個問題,我們可以自定義一個 Panel 來實現更簡單的拖拽操作。 自定義 Pa ...
  • 在實際使用中,由於涉及到不同編程語言之間互相調用,導致C++ 中的OpenCV與C#中的OpenCvSharp 圖像數據在不同編程語言之間難以有效傳遞。在本文中我們將結合OpenCvSharp源碼實現原理,探究兩種數據之間的通信方式。 ...
  • 一、前言 這是一篇搭建許可權管理系統的系列文章。 隨著網路的發展,信息安全對應任何企業來說都越發的重要,而本系列文章將和大家一起一步一步搭建一個全新的許可權管理系統。 說明:由於搭建一個全新的項目過於繁瑣,所有作者將挑選核心代碼和核心思路進行分享。 二、技術選擇 三、開始設計 1、自主搭建vue前端和. ...
  • Csharper中的表達式樹 這節課來瞭解一下表示式樹是什麼? 在C#中,表達式樹是一種數據結構,它可以表示一些代碼塊,如Lambda表達式或查詢表達式。表達式樹使你能夠查看和操作數據,就像你可以查看和操作代碼一樣。它們通常用於創建動態查詢和解析表達式。 一、認識表達式樹 為什麼要這樣說?它和委托有 ...
  • 在使用Django等框架來操作MySQL時,實際上底層還是通過Python來操作的,首先需要安裝一個驅動程式,在Python3中,驅動程式有多種選擇,比如有pymysql以及mysqlclient等。使用pip命令安裝mysqlclient失敗應如何解決? 安裝的python版本說明 機器同時安裝了 ...