Vue3—07—動態元件；keeplive；生命週期；mixin
阿新 • • 發佈：2021-09-20
一、動態元件
所謂的動態元件應該和keeplive一樣，都是vue的內建元件；
component標籤的is屬性可以寫哪些東西？
- 第一，全域性元件，比如通過vue.createApp().component（）函式註冊過的全域性元件；
- 第二，在本元件例項中註冊的區域性元件，即在本元件例項的component屬性註冊的元件；
二、keeplive
建議直接用逗號分隔，也就是第一種方式，後面的正則和陣列都太麻煩了，而且還要加冒號：讓vue知道去管理它，它不是一個字串；
三、webpack程式碼分包和非同步元件
打包之後會有兩個檔案，app.js 是我們自己寫得js邏輯， chunk-vendor是我們依賴的第三方js；
後面我們開始分包後，會有一個chunk.js檔案，這個就是我們分包的js邏輯；
webpack對程式碼的分包主要是通過import（）.then()；的方式指定這份程式碼要分包，即不是需要立即載入；
2.非同步元件
四、￥ref、￥parent、￥root
我們可以給html標籤或者元件標籤，新增一個屬性￥ref，
然後我們就可以在任意元件邏輯中，通過this.$ref去獲取這些元素標籤或者元件標籤了；
也就是說，這樣我們就可以去操作dom元素了；
所以這是一個很強的屬性，但是有時候我們不會用，還是用props或者emit等進行元件的通訊，原因就是￥ref和￥parent￥root可能會導致元件間的耦合性太強，程式碼太亂不好管理等；