vue3-第一章-Refref 我们这样操作是无法改变message 的值应为message 不是响应式的无法被vu

ref

响应式且可变的 ref 对象.

ref 对象仅有一个 .value ，指向该内部值。

我们这样操作是无法改变message 的值应为message 不是响应式的无法被vue 跟踪要改成ref

<template>
  <div>
    <button @click="changeMsg">change</button>
    <div>{{ message }}</div>
  </div>
</template>
 
 
 
<script setup lang="ts">
let message: string = "我是message"
 
const changeMsg = () => {
   message = "change msg"
}
</script>
 
 
<style>
</style>

`isRef`

判断是不是一个ref对象

`shallowRef`

浅更新

`triggerRef`

强制更新页面DOM