vue3 hooks 复制文字
时间: 2023-09-21 13:07:07 浏览: 115
在Vue 3中,可以使用`ref`和`toRef`来复制文字。下面是一个示例:
```javascript
import { ref, toRef, onMounted } from 'vue';
export default {
setup() {
const text = ref('Hello, world!');
const copiedText = toRef(text);
onMounted(() => {
console.log('Original Text:', text.value);
console.log('Copied Text:', copiedText.value);
});
return {
text,
copiedText
};
}
};
```
在上面的示例中,我们首先使用`ref`创建了一个响应式的文字变量`text`,然后使用`toRef`将其复制给了`copiedText`。在`onMounted`钩子函数中,我们打印了原始文字和复制的文字,可以看到它们是相同的。
请注意,复制的文字变量仍然是响应式的,因此如果更改原始文字,复制的文字也会相应地更新。
阅读全文