[Vue.js] Props - 父子組件間溝通

前言

在 Vue中,每個組件都有單獨作用域,是各自獨立的,我們可以通過prop 由父組件向子組件傳遞數據,在組件上註冊的一些自定義屬性。當一個值傳遞給一個prop屬性的時候,它就變成了那個組件實例的一個屬性。Ref

目的:

  • 拆分個別的功能,並達到複用效果
  • 避免內部元件改變外部元件
  • 資料更集中,管理上更便利
Read more

[Vue.js] Lifecycle Hooks

Vue生命週期

每個 Vue 實體被創建之前,會經過一系列初始化的過程,同時會呼叫這些生命週期的掛鉤(hook),我們可以在這些掛鉤上做額外的處理

Read more

[Vue.js] 模版語法

前言

筆記一下Vue的模板語法

模板語法

Mustache: { {variable} } 只能用於單行語句 e.g. if-else,且雙大括號會將數據解析為一般文字

由於Hexo解析”雙大括號”會發生錯誤,所以文章涉及”雙大括號”都會以{ {} }表示

Read more

[Vue.js] Basic

什麼是Vue?

Vue 是一個前端框架(framework),他的出現目的是為了更有組織性且簡化Web開發。在這之前其實有其他的框架,如Google所支持的Angular,或是Facebook所開發的React框架,不過Vue在社群的活絡程度不遜於前面兩者,是有潛力的一套framework。
模板語法是 Vue 的主要特色,同時有雙向數據綁定的功能,採用MVVM的結構。

Read more