使用ref函數定義一個變量，ref擴號里是變量的初始值 　import { ref } from 'vue' template里的用法 <div v-for="item in arr"> ...

tsx兩種使用方式 render使用方式 ts文件 ...

reactive的用法與ref的用法相似，也是將數據變成響應式數據，當數據發生變化時UI也會自動更新。不同的是ref用於基本數據類型，而reactive是用於復雜數據類型，比如對象和數組例如：定義一個對象類型的變量user <template> <div> < ...

...

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

眾所周知，在組件中給style 標簽添加屬性 scoped 屬性可以避免組件內樣式對外界造成污染，scoped使得組件內的樣式變成局域樣式，只作用於當前組件。 原理如下------- ...

一、handler方法和immdiate屬性 watch默認綁定，頁面首次加載時，是不會執行的。只有值發生改變才會執行。 如果想立即執行怎么辦？ 二、deep屬性 如果是監聽的是對象類型，當手動修改對象的某個屬性時，發現是無效的。 這時候就需要deep屬性 ...

watch 的一個特點是，最初綁定的時候是不會執行的，要等到 監聽的屬性 改變時才執行監聽計算。那我們想要一開始就讓他最初綁定的時候就執行改怎么辦呢？ immediate表示在watch中首次綁定的 ...