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

-Advertisement-

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

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

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

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

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

-Advertisement-

更多相關文章

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希望本篇文章能給正在學習前端的朋友或以及工作的朋友帶來收穫不喜勿噴如有建議多多提議謝謝！！！ ...