vue組件中的data為什麼是函數？

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

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


 

一、vue組件中的data為什麼是函數

　　為了保證組件的獨立性 和 可 復用性，data 是一個函數，組件實例化的時候這個函數將會被調用，返回一個對象，電腦會給這個對象分配一個記憶體地址，你實例化幾次，就分配幾個記憶體地址，他們的地址都不一樣，所以每個組件中的數據不會相互干擾，改變其中一個組件的狀態，其它組件不變。

　　

 

 

 

 

 

 

作者：晉飛翔
手機號(微信同步)：17812718961
希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收穫 不喜勿噴 如有建議 多多提議 謝謝！！！


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

-Advertisement-
Play Games
更多相關文章
  • JavaScript中函數式編程中文翻譯
    原著由 Dan Mantyla 編寫 近幾年來，隨著 Haskell、Scala、Clojure 等學院派原生支持函數式編程的偏門語言越來越受到關註，同時主流的 Java、JavaScript、Python 甚至 C++都陸續支持函數式編程。特別值得一提的是，在 nodejs 出現後，JavaScr ...
  • 面試時面試官想要聽到什麼答案（關於一些vue的問題）
    前言 自己也只是一個前端的小白，因為公司大佬都比較忙，面試這種事就落到了我這小白身上，第一次叫我去的時候我是百般拒絕的，因為自己還是有自知之明的，但是別人實在抽不開身，沒辦法只能去了，他們開玩笑說就按你這水平來就行了，啥時候你問不住了就讓他來複試就行。前前後後也面了一些人，加上自己面試時候整理的一些 ...
  • vue開源Element UI表單設計及代碼生成器
    在日常的開發工作中，表單開發是較為繁瑣且重覆的。本文介紹一個我自己寫的，提高開發效率的小工具。 1 可視化設計器 設計器基於Element UI ，可通過點擊或拖拽的方式設計基本表單， 設計器生成的代碼可直接運行在基於 Element 的 vue 項目中。 github倉庫 https://gith ...
  • css padding 屬性
    padding與元素尺寸 css中預設的box-sizing是content-box，所以使用padding在定寬元素中會增加元素尺寸。可以使用box-sizing：border-box或者採用無寬度以及寬度分離原則（推薦使用）。 當使用box-sizing：border-box在某些情況下還是會改 ...
  • svg 放大縮小後的比例
    function getCoords(evt) { // 計算出當前屏幕與svg的比例 var canvas = document.getElementById("canvase"); var viewbox = svgRoot.getAttributeNS(null, "viewBox"); // ...
  • vue 中的路由為什麼 採用 hash 路由模式，而不是href超鏈接模式(Hypertext，Reference)？
    1. vue中路由模式的種類有兩種 1. 一種是 hash 模式。 2. 一種是 h5 的 history 模式。 2. hash 和 history 都是來自 bom 對象 bom 來自 window 3. window.location.hash 4. hash 是屬於 window.locat ...
  • javascript當中的構造函數的用法
    5）構造函數的用法：例 3.5.1<head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/></head><script> function Student(name, age) { /* 馬克-to-win ...
  • vue中什麼是模塊 什麼是組件?
    模塊： 封裝好的應用程式，它只是js文件的封裝。 組件： 一個完整的單位個體，可以有js可以有css和html。 作者：晉飛翔手機號(微信同步)：17812718961希望本篇文章 能給正在學習 前端的朋友 或 以及工作的朋友 帶來收穫 不喜勿噴 如有建議 多多提議 謝謝！！！ ...
一周排行
    -Advertisement-
    Play Games
  • C#自增運算符詳解：++i與i++的區別及應用場景
    概述：在C#中，++i和i++都是自增運算符，其中++i先增加值再返回，而i++先返回值再增加。應用場景根據需求選擇，首碼適合先增後用，尾碼適合先用後增。詳細示例提供清晰的代碼演示這兩者的操作時機和實際應用。 在C#中，++i 和 i++ 都是自增運算符，但它們在操作上有細微的差異，主要體現在操作的 ...
  • Taurus.MVC 性能壓力測試（ap 壓測 和 linux 下wrk 壓測）：.NET 版本
    上次發佈了：Taurus.MVC 性能壓力測試（ap 壓測 和 linux 下wrk 壓測）：.NET Core 版本，今天計劃準備壓測一下 .NET 版本，來測試並記錄一下 Taurus.MVC 框架在 .NET 版本的性能，以便後續持續優化改進。 為了方便對比，本文章的電腦環境和測試思路，儘量和... ...
  • 一文讀懂.NET WebAPI中FromRoute、FromQuery、FromBody的關鍵角色與用法
    .NET WebAPI作為一種構建RESTful服務的強大工具，為開發者提供了便捷的方式來定義、處理HTTP請求並返迴響應。在設計API介面時，正確地接收和解析客戶端發送的數據至關重要。.NET WebAPI提供了一系列特性，如[FromRoute]、[FromQuery]和[FromBody]，用 ...
  • WPF/C#實現圖像濾鏡優化方案：打造炫目視覺體驗！
    原因：我之所以想做這個項目，是因為在之前查找關於C#/WPF相關資料時，我發現講解圖像濾鏡的資源非常稀缺。此外，我註意到許多現有的開源庫主要基於CPU進行圖像渲染。這種方式在處理大量圖像時，會導致CPU的渲染負擔過重。因此，我將在下文中介紹如何通過GPU渲染來有效實現圖像的各種濾鏡效果。 生成的效果 ...
  • Bogus 實戰：使用 Bogus 和 EFCore 生成模擬數據和種子數據【完整教程】
    引言 上一章我們介紹了在xUnit單元測試中用xUnit.DependencyInject來使用依賴註入，上一章我們的Sample.Repository倉儲層有一個批量註入的介面沒有做單元測試，今天用這個示例來演示一下如何用Bogus創建模擬數據 ，和 EFCore 的種子數據生成 Bogus 的優 ...
  • WPF隨筆收錄-實時繪製心率曲線
    一、前言 在自己的項目中，涉及到實時心率曲線的繪製，項目上的曲線繪製，一般很難找到能直接用的第三方庫，而且有些還是定製化的功能，所以還是自己繪製比較方便。很多人一聽到自己畫就害怕，感覺很難，今天就分享一個完整的實時心率數據繪製心率曲線圖的例子；之前的博客也分享給DrawingVisual繪製曲線的方 ...
  • wpf程式修改啟動入口註意事項
    如果你在自定義的 Main 方法中直接使用 App 類並啟動應用程式，但發現 App.xaml 中定義的資源沒有被正確載入，那麼問題可能在於如何正確配置 App.xaml 與你的 App 類的交互。 確保 App.xaml 文件中的 x:Class 屬性正確指向你的 App 類。這樣，當你創建 Ap ...
  • 記一次 .NET某爐膛鍋爐檢測系統 崩潰分析
    一：背景 1. 講故事 上個月有個朋友在微信上找到我，說他們的軟體在客戶那邊隔幾天就要崩潰一次，一直都沒有找到原因，讓我幫忙看下怎麼回事，確實工控類的軟體環境複雜難搞，朋友手上有一個崩潰的dump，剛好丟給我來分析一下。 二：WinDbg分析 1. 程式為什麼會崩潰 windbg 有一個厲害之處在於 ...
  • 一個.NET內置依賴註入的小型強化版
    前言 .NET生態中有許多依賴註入容器。在大多數情況下，微軟提供的內置容器在易用性和性能方面都非常優秀。外加ASP.NET Core預設使用內置容器，使用很方便。 但是筆者在使用中一直有一個頭疼的問題：服務工廠無法提供請求的服務類型相關的信息。這在一般情況下並沒有影響，但是內置容器支持註冊開放泛型服 ...
  • WPF隨筆收錄-DataGrid固定右側列
    一、前言 在項目開發過程中，DataGrid是經常使用到的一個數據展示控制項，而通常表格的最後一列是作為操作列存在，比如會有編輯、刪除等功能按鈕。但WPF的原始DataGrid中，預設只支持固定左側列，這跟大家習慣性操作列放最後不符，今天就來介紹一種簡單的方式實現固定右側列。（這裡的實現方式參考的大佬 ...
所有分類