[Vue.js] Props - 父子組件間溝通
前言
在 Vue中,每個組件都有單獨作用域,是各自獨立的,我們可以通過prop
由父組件向子組件傳遞數據,在組件上註冊的一些自定義屬性。當一個值傳遞給一個prop
屬性的時候,它就變成了那個組件實例的一個屬性。Ref
目的:
- 拆分個別的功能,並達到複用效果
- 避免內部元件改變外部元件
- 資料更集中,管理上更便利
在 Vue中,每個組件都有單獨作用域,是各自獨立的,我們可以通過prop
由父組件向子組件傳遞數據,在組件上註冊的一些自定義屬性。當一個值傳遞給一個prop
屬性的時候,它就變成了那個組件實例的一個屬性。Ref
每個 Vue 實體被創建之前,會經過一系列初始化的過程,同時會呼叫這些生命週期的掛鉤(hook),我們可以在這些掛鉤上做額外的處理
筆記一下Vue的模板語法
Mustache: { {variable} } 只能用於單行語句 e.g. if-else,且雙大括號會將數據解析為一般文字
由於Hexo解析”雙大括號”會發生錯誤,所以文章涉及”雙大括號”都會以{ {} }
表示
Vue 是一個前端框架(framework),他的出現目的是為了更有組織性且簡化Web開發。在這之前其實有其他的框架,如Google所支持的Angular,或是Facebook所開發的React框架,不過Vue在社群的活絡程度不遜於前面兩者,是有潛力的一套framework。
模板語法是 Vue 的主要特色,同時有雙向數據綁定的功能,採用MVVM的結構。