Vue triggerRef() 简介

triggerRef() 

手动更新shallowRef()变量的视图。

代码如下：

<template>
    <h1>{{ state }}</h1> <!-- 这是视图 -->
    <button @click="change">更新count属性值后，手动更新视图</button>
</template>


<script setup>
    import {
        shallowRef,
        triggerRef
    } from 'vue'
    
    const state = shallowRef({
        count: 1
    })
    
    // 手动更新视图
    const change = function(){
        state.value.count = 23 
        triggerRef(state) // 手动更新视图。如果没有这句，视图不会有变化
    }
</script>