元件

Jason
Jan 25, 2022

--

1.全域註冊(alert、alert2)

2.區域註冊(alert3)

3.區域註冊在其他元件(alert3)

4.區域註冊模組化(alert4),import 時要加 .js 不然會報錯

5.x-template

6.v-is 注意雙引號內要單引號(讓他變字串)

7.動態屬性,v-model 綁定 data 裡的 componentName ,在從 data 讀出 componentName 放到 v-is 裡面

8.動態屬性實戰技巧

tbody 裡面只能放 tr ,所以實際換變成下圖

改成利用 v-is 就能用了

9. 前內後外

10.沒辦法更改內部元件接收到的 prop 內容(單向數據流)

11.如果 prop 命名是小駝峰,外面放在 html 裡面要改成"-"

12.沒有 v-bind 時,傳入的都是字串,反之有v-bind 時,外部是什麼型別,內部就是什麼型別

13.型別驗證、是否必要、預設值

14.emit 內部傳外部

15.emit 內部資料傳到外部

16.emit 命名規則

html

js

17.內部元件向外傳時不用寫 methods 直接寫在 html 上面

18.emit 確認型別

19.slot 用法

20.多 slot,v-slot 縮寫 #

21. slot props 傳值

21. slot props 傳多值

先外部傳內部

根據外部內容產生資料,並將接受到的 prop 和 產生的新資料,傳到 slot 裡,然後用解構方式拿出

可以設預設值

22. mitt 跨元件傳值

載入和初始化

發送

接收(建議在生命週期接收)

--

--

Jason
Jason

Written by Jason

Nothing is true, everything is permitted.

No responses yet