![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 54
先知demons
停在港口的船是最安全的,但这并不是造船的目的
展开
-
vue3用reactive定义的对象直接赋值{}没用的解决办法
前言:在项目开发时,有很多弹窗里面放的表单,如下图这个新增数据的弹窗,在每次打开弹窗时需要给表单定义的数据置空,否则你第二次打开弹窗的时候,表单还显示着上一个新增的数据。需要在打开弹窗是将上面那个对象置空,但是vue2一般直接={}就可以,vue3的话这样不行,所以需要用到object.assign原创 2024-01-26 16:14:04 · 1822 阅读 · 0 评论 -
Vue3+elementPlus实现时间选择器控制可选时间的范围(大于今天之后的时间不可选择)
最近遇到一个优化bug,时间选择器选择今天之后的时间没有必要,想要前端在选择时间的时候去限制用户。大于今天的都不可选择原创 2023-08-25 11:37:21 · 3998 阅读 · 0 评论 -
vue3-实现父子组件之间的通信(详解+源码)
vue3相对于vue2的父子传参方式有所改变,本文介绍三种:父组件给子组件传参、父组件调用子组件内的方法、子组件调用父组件的方法,如果不需要一种一种看可以直接下滑看全部代码,有注释也蛮好理解。原创 2023-06-07 11:40:11 · 6784 阅读 · 0 评论 -
vue3获取对象的值的时候,是一个proxy,如何获得我们需要的真实值
因为vue3底层使用的是proxy进行代理的,所以我们在打印出来的是proxy代理之后的proxy对象,proxy对象里面的【【target】】才是真实的对象。使用toRaw()方法来获取原始对象,这里的‘xxx’就是你需要转换的数据。这里的‘xxx’就是你需要转换的数据。1、使用toRaw()2、使用json序列化。原创 2023-06-08 21:49:43 · 12709 阅读 · 4 评论 -
vue3-浏览器告警解决: Extraneous non-emits event listeners (queryList, closeDialog) were passed to
[Vue warn]: Extraneous non-emits event listeners (queryList, closeDialog) were passed to component but could not be automatically inherited because component renders fragment or text root nodes. If the listener is intended to be a component custom event li原创 2023-06-09 11:42:36 · 4768 阅读 · 2 评论 -
vue3引入图片等无法使用require,需要用newURL来动态引入图片等静态资源
Uncaught (in promise) ReferenceError: require is not defined1、因为require是webpack提供的一种加载能力,但是vue3项目时搭配vite的,所以这里应该用vite提供的静态资源载入方法,将上面的require改为new URL这种格式,页面就可以正常加载静态资源了。new URL(‘路径’,import.meta.url).href。原创 2023-06-13 21:05:03 · 8051 阅读 · 5 评论 -
vue3学习笔记-根据vue2与vue3的区别(持续补充)
Vue3和Vue2对比:性能提升:Vue3这个框架将Vue全部重构了。新的框架。底层采用TS来进行重构,性能提升能达到100%对TS的支持,Vue3底层默认采用TS进行开发。我们Vue开发过程中,一般也会默认结合TS来使用Vue3目前创建项目采用了新的打包工具,vite工具(xxx)团队他们自己发布的一个打包。目标干掉webpack新增了组合式api和响应式api进行开发(hook编程)vue3优势:更快:vue3重写了虚拟dom。提升提升很多更小:新增了tree shaking技术,你原创 2023-05-06 10:43:49 · 298 阅读 · 0 评论