為什么需要 Teleport？ 以 Dialog 組件為例，通常需要在一個組件中引入 Dialog 組件。然而，有時一部分邏輯屬於 Dialog 所在的組件中，從技術角度來看，最好將這一部分移動到根節點之外的位置。 另外一個問題， 當 Dialog 組件使用 position ...

為什么需要Composition API ? 主要原因：當一個組件的變得邏輯復雜的時候，痛點：多種邏輯代碼被分散到組件的各個部分，比如代碼的相關邏輯可能會在 data: {. ...

在Vue3.0中創建響應式數據需要引用ref，reactive這兩個方法，ref一般用來創建基本數據類型的響應式數據，reactive一般用來創建引用數據類型的響應式數據。 在模板中使用，跟之前沒有區別，需要注意的是，ref屬於將基本類型數據包裝成應用類型，在模板中正常使用。在方法中 ...

動畫片多啦A夢相信大家很多都看過，而且近幾年又出現了相關的電影，作為小編一個男生來說，一直是對里面的靜香念念不忘，有點跑偏了哈，今天小編介紹的Teleport就和多啦A夢的任意門一樣，可以穿梭到任何的DOM中的任何地方 模態框一直是實際開發中用到比較多的功能之一，在沒有各種各樣的組件之前 ...

自定義指令分為全局和局部兩種類型，大家並不陌生。今天我們就講講在 vue3 中，自定義指令定義、使用以及鈎子函數都有哪些變化？ 一、注冊自定義指令 以下實例都是實現一個輸入框自動獲取焦點的自定義指令。 1.1、全局自定義指令 在vue2中，全局自定義指令通過 directive 掛載 ...

本篇文章干貨較多，建議收藏！ 從 vue2 升級到 vue3，vue3 是可以兼容 vue2 的，所以 vue3 可以采用 vue2 的選項式API。由於選項式API一個變量存在於多處，如果出現問題時，就需要去多個函數內檢查，項目較大時，遇到問題，增加排故的難度。所以 vue3 中新 ...

我對teleport的理解 場景描述 容器下有a-test組件 a-test組件下有b-test組件 b-test組件下有c-mask[彈窗組件]組件 c-mask[彈窗組件]組件移動到body下 主要注意的地方 index.html 創建一個容器 ...

1、使用element-plus時默認的語言是英文，如何將其設置為中文，使用 el-config-provider 來進行配置 同時還需要再vite.config.ts文件中引入對應的 ...