vue學(xué)習(xí)筆記(一):搭建環(huán)境,父子組件

1、data必須是一個(gè)函數(shù),防止多個(gè)組件實(shí)例共享一份數(shù)據(jù)。雖然屬性默認(rèn)值,我們不應(yīng)該去修改它,但實(shí)際上,有些人會(huì)這么做

一個(gè)組件的?data?選項(xiàng)必須是一個(gè)函數(shù),因此每個(gè)實(shí)例可以維護(hù)一份被返回對(duì)象的獨(dú)立的拷貝

data() {

return {

? ? ????msg:"hh"m

????}

}

2、父組件引入子組件,并且有components

子組件:使用props屬性

3、props通常使用對(duì)象的寫法,有利于維護(hù)??梢宰远x校驗(yàn),默認(rèn)值


問題

問題待解決:

1、子組件為什么不能修改父組件傳遞的prop:? 主要還是一個(gè)單向數(shù)據(jù)流的問題,要保證數(shù)據(jù)的更新都是從頂層往下層流動(dòng)

2、如果修改了,Vue是如何監(jiān)控到屬性的修改并給出警告的?Object.defineProperty


標(biāo)志位

如果屬性是通過父組件修改的話,標(biāo)志位不會(huì)走到報(bào)錯(cuò)這個(gè)邏輯。但如果是子組件直接修改的話,會(huì)提示報(bào)錯(cuò)。、

3、this.$emit的返回值是this,需要返回值可以使用回調(diào)參數(shù)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 作為一個(gè)合格的開發(fā)者,不要只滿足于編寫了可以運(yùn)行的代碼。而要了解代碼背后的工作原理;不要只滿足于自己的程序...
    六個(gè)周閱讀 8,675評(píng)論 1 33
  • 組件(Component)是Vue.js最核心的功能,也是整個(gè)架構(gòu)設(shè)計(jì)最精彩的地方,當(dāng)然也是最難掌握的。...
    六個(gè)周閱讀 5,761評(píng)論 0 32
  • vue概述 在官方文檔中,有一句話對(duì)Vue的定位說的很明確:Vue.js 的核心是一個(gè)允許采用簡(jiǎn)潔的模板語(yǔ)法來聲明...
    li4065閱讀 7,606評(píng)論 0 25
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,175評(píng)論 0 29
  • 小時(shí)候,過年是一件多么令人期盼又激動(dòng)人心的事! 臘月二十幾,就開始各種忙活(主要是媽媽,我們打打下手) 掃塵,晾曬...
    小黃爺閱讀 197評(píng)論 0 0

友情鏈接更多精彩內(nèi)容