vue3 setup语法糖 hook写法 强制更新等

一些基础的知识点

<script setup>
import { getCurrentInstance, nextTick, onMounted, reactive, ref } from "vue"; 

// 定义数组
const array=ref([])
// 定义对象
const obj = ref({})
// 定义布尔值
const bools = ref(false)
// 定义数字
const num = ref(0)
// 定义字符串
const str = ref('')
// 定义未知类型
const abc=ref(null)

// 定义函数
const handle = ()=>{
    console.log('num===', num.value)
}

//所有定义的元素取值/设置值都是在后边加.value
//比如 num.value = 5
// console.log(num.value) //打印出来 5


// 给数组的元素设置新属性
// 例如
const item = ref({})
item.value = { name: 'Jane'}

// 要给item加新属性: active 并设置值为true
Reflect.set(item,'active',true)


// 强制更新的写法
// vue2 
this.$forceUpdate()

// vue3 重要‼️
const { proxy } = getCurrentInstance() //注意 要在上边引入这个方法getCurrentInstance
proxy.$forceUpdate()

</script>