Vue3嵌套ref小细节,自我解惑

前言:

        作者在学习时,遇到代码如下:

import { ref,watch } from 'vue'
const state = ref({count:0})
const addState = ()=>{
  state.value.count++
}

对于方法中对对象中count的理解存在偏差

问题及解决:

误解:

认为是对象中的count的值0的修改(count.value),顺着往下思考则认为方法中的按钮自增操作一个是state.value.count.

解决:

解决方法简单至极,如上代码跑不起来,用console.log找到对象可得

tips:带_(如_value,_rawValue)的属于vue的内部属性

相关推荐

  1. vue3 自动引入 ref reactive...

    2024-02-03 22:32:04       60 阅读
  2. Vue细节

    2024-02-03 22:32:04       40 阅读
  3. vue3 #ref #reactive

    2024-02-03 22:32:04       48 阅读
  4. ref&reactive vue3

    2024-02-03 22:32:04       36 阅读
  5. Vue3 动态设置 ref

    2024-02-03 22:32:04       63 阅读
  6. vue3中使用ref

    2024-02-03 22:32:04       35 阅读
  7. vue3ref详解

    2024-02-03 22:32:04       36 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-03 22:32:04       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-03 22:32:04       101 阅读
  3. 在Django里面运行非项目文件

    2024-02-03 22:32:04       82 阅读
  4. Python语言-面向对象

    2024-02-03 22:32:04       91 阅读

热门阅读

  1. linux系统ansible工具的剧本发布workpress剧本编写

    2024-02-03 22:32:04       55 阅读
  2. 开源软件:推动软件行业变革的引擎

    2024-02-03 22:32:04       47 阅读
  3. 开源软件的影响力

    2024-02-03 22:32:04       53 阅读
  4. 13.2 Web与Servlet进阶(❤❤)

    2024-02-03 22:32:04       48 阅读
  5. SpringBoot 与 ZXing 完美结合,轻松生成二维码!

    2024-02-03 22:32:04       45 阅读
  6. 案例七:MBR破坏恢复

    2024-02-03 22:32:04       51 阅读
  7. 购物车页面收货地址实现

    2024-02-03 22:32:04       48 阅读
  8. MySQL运维实战(5.5) 数据导入导出时的字符集问题

    2024-02-03 22:32:04       57 阅读