Vue3中ref和reactive的使用方法及区别_vue3 reactive interface

作者：黑客灵魂 | 2024-08-28 20:05:59

踩

vue3 reactive interface

文章目录

前言
ref—计数器案例
reactive—计数器案例
区别
总结

前言

今天给大家讲一下在vue3中ref和reactive的使用方法，以及他们的使用区别在哪里，下面通过一个简单的计数器的例子来给大家进行说明

ref—计数器案例

ref 主要用于基本类型的响应，看如下代码：

import {
    ref } from 'vue' // 导入ref
interface DataProps {
   
  count: number;
  double: number;
  increase: () => void
}
export default {
   
  name: 'App',
  setup() {
   
    const count = ref(0)
    const double

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/黑客灵魂/article/detail/1021891