資訊專欄INFORMATION COLUMN
摘要：官網(wǎng)的示例項(xiàng)目中的寫法為什么要把變成函數(shù)并屬性呢組件是一個(gè)可復(fù)用的實(shí)例，當(dāng)你引用一個(gè)組件的時(shí)候，組件里的是一個(gè)普通的對(duì)象，所有用到這個(gè)組件的都引用的同一個(gè)，就會(huì)造成數(shù)據(jù)污染。
官網(wǎng)的示例
var vm = new Vue({
el: "#example",
data: {
message: "Hello"
}
});
項(xiàng)目中的寫法
data() {
return {
message: "Hello"
}
}
為什么要把data變成函數(shù)并return屬性呢？
組件是一個(gè)可復(fù)用的實(shí)例，當(dāng)你引用一個(gè)組件的時(shí)候，組件里的data是一個(gè)普通的對(duì)象，所有用到這個(gè)組件的都引用的同一個(gè)data，就會(huì)造成數(shù)據(jù)污染。
將data封裝成函數(shù)后，在實(shí)例化組件的時(shí)候，我們只是調(diào)用了data函數(shù)生成的數(shù)據(jù)副本，避免了數(shù)據(jù)污染。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109898.html
摘要：從到上線簡(jiǎn)介是個(gè)框架。現(xiàn)在，我們完成一個(gè)項(xiàng)目后，需要打包，因?yàn)樵陂_發(fā)環(huán)境下，運(yùn)行所依賴的包達(dá)到好幾百個(gè)，為了將文件體積縮減到正常范圍，必須按需打包。 Vue從Hello World到上線 Vue 簡(jiǎn)介 Vue是個(gè)MVVM框架。 特點(diǎn)：簡(jiǎn)單易學(xué)、體積小、性能高。并且它的源碼耦合性非常低，了解它的過(guò)程也就是思想進(jìn)步的過(guò)程。 當(dāng)然，只學(xué)這一個(gè)框架，無(wú)法完成前端的全部工作，除了Vue之外，還...
摘要：歡迎體驗(yàn)提墨瞳漫畫這里踩的坑主要是組件的重用。這樣可以防止圖和圖片大小不一樣引起的頁(yè)面跳動(dòng)繼而導(dǎo)致的加載圖片時(shí)機(jī)錯(cuò)誤。跨域時(shí)，會(huì)先發(fā)送一個(gè)空的請(qǐng)求來(lái)查看接口是不是支持跨域，再發(fā)送一次真實(shí)請(qǐng)求。 前言 博主也是vuejs萌新，公司僅我一個(gè)前端，收到做h5的需求后，馬上想到要用下vuejs，于是說(shuō)服領(lǐng)導(dǎo)，開始慢慢鉆研，現(xiàn)在記錄一下踩到的坑。這些坑主要是在一些組件的使用上，其它的只要好好看官...
摘要：數(shù)據(jù)綁定方式普通的文本可以使用語(yǔ)法雙大括號(hào)插在標(biāo)簽內(nèi)部表達(dá)式每個(gè)綁定都只能包含單個(gè)表達(dá)式只會(huì)添加一次當(dāng)再次修改時(shí)，不會(huì)觸發(fā)機(jī)制插入文本較少使用插入不推薦使用計(jì)算屬性基于它們的依賴進(jìn)行緩存的，只有在它的相關(guān)依賴發(fā)生改變時(shí)才會(huì)重新求值。 數(shù)據(jù)綁定方式： 1.普通的文本 可以使用 Mustache語(yǔ)法 (雙大括號(hào)) {{data}} 插在標(biāo)簽內(nèi)部eg:{{}} //js: data{ ...
閱讀 2029·2021-08-21 14:09
閱讀 492·2019-08-30 15:44
閱讀 2116·2019-08-29 16:32
閱讀 1380·2019-08-29 15:36
閱讀 3449·2019-08-29 12:43
閱讀 2786·2019-08-29 11:14
閱讀 438·2019-08-28 18:26
閱讀 2257·2019-08-26 13:57
