1 of 9

輕鬆vue就好

2 of 9

輕鬆vue就好 3

2022/01/25

3 of 9

componet

元件

4 of 9

5 of 9

元件之間的溝通傳遞

6 of 9

單向資料流

單向資料流的概念是針對父子層元件的資料傳遞時的模式,它跟雙向綁定的概念並沒有衝突。當要把資料從父元件傳遞到子元件時,子元件會使用 props 來接收,但子元件不應該直接修改 props 來修改父元件的資料 ,而是使用 emit。

.sync 語法糖

7 of 9

  • pass by value 傳值
  • pass by reference 傳址
  • pass by sharing

如何watch 物件裡的屬性?

8 of 9

Keep Alive

元件

router-view

9 of 9

EventBus

$on :註冊監聽

$once:只監聽一次

$off:取消監聽

$emit:送出事件

Vue.prototype.$bus = new Vue();