一、ref函數的引入
import { ref } from 'vue'
二、什么是 ref
1、ref 和 reactive 一樣都是實現響應式數據的方法
2、由於 reactive 必須傳遞一個對象,所以導致我們再企業開發中,如果我們只想讓某個變量實現響應式的時候非常麻煩,所以 Vue3 就提供了 ref 方法,實現對簡單值的監聽
三、ref 的本質
ref 底層的本質還是 reactive 系統會自動根據我們給 ref 傳入的值將他轉換成 ref(xx) —— reactive({value: xx})
四、ref 注意點
1、在 VUE 的模板中使用 ref 的值不需要通過 value 獲取 (Vue 會通過自動給 ref 的值加上 .value)
2、在 js 中使用 ref 的值必須使用 .value 獲取