vue3 set 组件写法
在Vue3中使用`set`函数来更新组件的写法如下：
```javascript
import { ref, reactive, set } from 'vue';
export default {
  setup() {
    // 使用ref创建一个响应式引用
    const myRef = ref('initial value');
    // 使用reactive创建一个响应式对象
    const myObject = reactive({ prop1: 'value1', prop2: 'value2' });
    // 使用set函数更新组件中的响应式数据
    const updateValue = () => {
      set(myRef, 'new value');
      set(myObject, 'prop1', 'new value');
    };
    return {
      myRef,
      myObject,
      updateValue
    };
  }
}
```
在上述代码中，我们首先通过`ref`函数创建了一个响应式引用`myRef`和通过`reactive`函数创建了一个响应式对象`myObject`。然后通过`set`函数来更新`myRef`和`myObject`中的数据。
在`updateValue`函数中，我们分别调用了`set`函数来更新`myRef`和`myObject`中的数据。第一个参数是要更新的响应式数据对象，第二个参数是要更新的属性（如果是更新引用本身则省略）。对于`myRef`，我们只需要传递新的值作为第二个参数来更新它。而对于`myObject`，我们还需要指定要更新的属性名称以及新的值。
最后，我们在`setup`函数的返回值中将`myRef`、`myObject`以及`updateValue`函数导出，以便在组件模板中使用它们。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。