qq_43474235的博客

toRef 和 toRefs 可以用来复制 reactive 里面的属性然后转成 ref，而且它既保留了响应式，也保留了引用，也就是你从 reactive 复制过来的属性进行修改后，除了视图会更新，原有 ractive 里面对应的值也会跟着更新，如果你知道 浅拷贝 的话那么这个引用就很好理解了，它复制的其实就是引用 + 响应式 ref。toRefs: 复制 reactive 里的所有属性并转成 ref。toRef: 复制 reactive 里的单个属性并转成 ref。我们可以看到，更改了。

首先，分析原因，因为先渲染子组件的DOM后渲染父组件，但是当父组件获取到值后，子组件已经渲染完成，这样就导致初始化时，子组件获取不到值，可以通过，先判断数据是否获取到，再渲染子组件来解决这个问题。最近的项目开发也算是正式的接触到了vue3,在使用过程中也遇到了好多坑，比如、父组件给子组件传值，子组件在onMounted中获取不到值，使用reactive定义数组，赋不了值等等。赋不上值的原因是，reactive使用的Object.assign()进行对数据的浅拷贝，导致数据无法赋值。

Vue3+setup+ts使用技巧

vue3的七种路由守卫使用

axios中params和data的区别

使用nvm管理(切换)node版本

vue3的计算属性computed

Vue3中watch与watchEffect有什么区别？

vue3组件通讯的七种方式

Vue视图更新（Diff算法）

vue3 ref与reactive的区别【基础篇】

token过期 如何使用refresh_token实现无感刷新页面？

前端开发过程中常用的JavaScript方法封装

如何解决单个el-form中el-form-item文字左对齐

vue+ElementUI实现Tag的增删改等功能

js如何实现数组中查找某个字段是否存在

CSS3的新增特性

vue中使用html2canvas生成图片

如果后端API一次返回10万条数据，前端应该如何处理？

vue无感强制刷新页面

解决ElementUI中的table表格内容过多，导致行内撑开的问题。

javascript常用的几种深拷贝

ElementUI实现文件下拉树的功能

vue中使用海康实时监控

在项目开发的时候前端需要连接后端接口，进行接口的调试，但是在调试的过程中控制台出现跨域报错信息，为此前端的处理跨域方式如：1、为什么会出现跨域？当前端项目和后端接口不在一个域名之下，那么前端项目访问后端接口必然会存在跨域的行为。 ***注：我们所遇到的这种跨域是位于开发环境的，真正部署上线时的跨域是生产环境的2、解决开发环境的跨域问题 开发环境的跨域，也就是在vue-cli脚手架环境下开发启动服务时，我们访问接口所遇到的跨...

Async 和 Await针对异步编程，我们学习过Ajax的回调形式，promise的链式调用形式ajax回调模式// 回调形式调用$.ajax({ url, data, success:function(result){ $.ajax({ data:result, success: function(result1){ $.ajax({ ...

vuex基本用法及简绍

通俗来说，undefined与null都是代表空，主要区别在于undefined表示尚未初始化的变量的值，而null 表示该变量有意缺少对象指向。undefined 隐藏式 空值 这个变量就没有定义。 null 声明式 空值 这个值虽然定义了，但是它没有指向任何内存中的对象 在js表现形式 typeof typeof null // 'object'typeof undefined // 'undefined' Object....

1、截取字符串（1）slice(start,[end])//用slice删除字符串前几位字符，和删除最后一个字符this.allId = this.allId.slice(0,this.allId.length - 1); //删除最后一个字符串this.allId = this.allId.slice(4); //删除前四个this.allId = this.allId.slice(-4); //删除后四个（2）substring(start,[end])this.allId =