vueuse usecloned 用法
`useCloned` 是 Vue.js 的一个自定义 hook，用于克隆一个具有响应性的对象，并返回克隆后的对象。
使用 `useCloned` 的方式如下：
1. 首先，你需要在 Vue 组件中导入 `useCloned` 方法，可以这样导入：
```javascript
import { useCloned } from 'vueuse'
```
2. 在 Vue 组件中，你可以创建一个响应式的对象，然后使用 `useCloned` 方法对其进行克隆，如下所示：
```javascript
export default {
  setup() {
    const originalObj = reactive({
      name: 'John',
vue中reactive
      age: 25,
      country: 'USA',
    })
    const clonedObj = useCloned(originalObj)
    // 可以对克隆后的对象进行任何操作
    // clonedObj 的数据变化不会影响 originalObj
    return { clonedObj }
  }
}
```
3. 在 Vue 模板中，你可以通过访问 `clonedObj` 来使用克隆后的对象：
```html
<template>
  <div>
    <p>Name: {{ clonedObj.name }}</p>
    <p>Age: {{ clonedObj.age }}</p>
    <p>Country: {{ untry }}</p>
  </div>
</template>
```
使用 `useCloned` 可以创建一个与原始对象具有相同值的新对象，但是对克隆后的对象所做的更改不会影响原始对象。这在一些需要保留原始数据副本的场景中非常有用。

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