随笔分类 -  Vue3

整段 html实现其中的每一个 a 标签跨域下载操作 window.URL.createObjectURL(blob)
摘要：window.URL.createObjectURL(blob) a 标签下载问题，通常在 a 标签中加上download属性，就可完成对href属性链接文件的下载,但仅仅是限于同源文件，如果是非同源，download 属性就会失效 第一种情况，单独的一个标签实现下载，可以使用 span 标签+cl 阅读全文
posted @ 2024-07-25 16:00 Echoyya、 阅读(397) 评论(0) 推荐(0)
实现通用的表单清空重置功能
摘要：[toc] ## 第一版单个表单实现功能并一步步优化 通过一步步代码的优化，实现清空重置功能，尽量做到抽离后，可以直接复用，不需要修改任何变量名 先实现一版，单个表单组件的清空和重置功能，此时 form1 组件可以实现 ==parent.vue==父组件中调用 form1 和 form2 ```ht 阅读全文
posted @ 2023-09-01 10:53 Echoyya、 阅读(162) 评论(0) 推荐(0)
通过自定义指令控制按钮权限
摘要：[toc] ## 常见写法 通常控制按钮显示与否，会采用`v-if`或者`v-show`来控制，可能会写成以下形式,在通过动态的改变 active 变量的值，控制按钮的显示状态， ```html 按钮一 按钮二 按钮三 按钮四 按钮五 ``` 进一步优化代码，第二种形式也有可能会通过一个集合遍历的方 阅读全文
posted @ 2023-07-12 14:34 Echoyya、 阅读(145) 评论(0) 推荐(0)
Vue3 之 reactive、ref、toRef、toRefs 使用与区别，源码分析详细注释
摘要：[toc] # reactive、ref、toRef、toRefs 使用与区别 ## reactive - 参数传入普通对象，不论层级多深都可以返回响应式对象，(参数只能是对象) - 但是解构、扩展运算符会失去响应式 ## ref 作用及用法 - 参数可以为任意类型，推荐使用基本类型 - 使用时 需 阅读全文
posted @ 2023-06-14 15:47 Echoyya、 阅读(626) 评论(0) 推荐(1)
Vue3 之 响应式 API reactive、 effect源码，详细注释
摘要：Vue3之响应式 API reactive、 effect源码，详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理，将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow，对 阅读全文
posted @ 2023-06-07 14:32 Echoyya、 阅读(369) 评论(0) 推荐(0)
VUE 3.0 初体验之路
摘要：码文不易啊，转载请带上本文链接呀，感谢感谢 https://www.cnblogs.com/echoyya/p/14394057.html 在2020年9月中旬，vue.js发布了3.0正式版，在不久的将来，VUE3.0 也终将成为大前端的必然趋势， 环境搭建 node 版本要求: Node.js8 阅读全文
posted @ 2021-02-09 20:01 Echoyya、 阅读(1435) 评论(2) 推荐(5)