Vue3使用问题-JZTXT

1.watch:{immediate: true}执行时间晚于onMounted

2.定义数组响应式

　　2.1错误：

import { reactive } from 'vue';
 
let arr = reactive([])
 
function change(){
   let newArr = [1,2,3]
   arr = newArr  // 数组失去响应式
}

　　2.2解决：

// 方法一：使用 ref
let arr = ref([])
 
function change(){
   let newArr = [1,2,3]
   arr.value = newArr
}
 
 
// 方法二：使用push 方法
let arr = reactive([])
 
function change(){
   let newArr = [1,2,3]
   arr.push(...newArr)
}
 
// 方法三：外层嵌套一个对象
let arr = reactive({list:[]})
 
function change(){
   let newArr = [1,2,3]
   arr.list = newArr
}