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`函数导出，以便在组件模板中使用它们。