05 2022 档案

vscode设置console.log()快捷键 ts typescript
摘要：先说一下我的问题： 最近在用 v3 和 ts 做工程，但是在用户代码片段中设置了快捷键，发现是不起作用的，就很奇怪，过了一段时间， 突然想起来，我现在用的是 ts，不是js了，哈哈，虽然在用但是还没反应过来，后来改了就好了，总结如下： 1、常规（vue + js + ...） 找到文件-首选项-用户 阅读全文
posted @ 2022-05-12 13:37 王希有 阅读(840) 评论(0) 推荐(0)
vue3图片懒加载之vue3-lazy
摘要：1、 npm install vue3-lazy -S 2、 import lazyPlugin from 'vue3-lazy' app.use(lazyPlugin, { // loading: '', // 图片加载时默认图片 // error: '' // 图片加载失败时默认图片 }) 3、 阅读全文
posted @ 2022-05-11 18:25 王希有 阅读(491) 评论(0) 推荐(0)
vue3 ts 实现复制粘贴
摘要：<script setup lang="ts"> import { ref } from 'vue' import { useClipboard, usePermission } from '@vueuse/core' const input = ref('') const { text, isSu 阅读全文
posted @ 2022-05-10 16:33 王希有 阅读(1569) 评论(0) 推荐(0)
vue3 新旧文档
摘要：1.旧文档 https://vuejs.org/ 2.新文档 全新体验,通俗易懂 https://vuejs.org/translations/ 参考 https://zhuanlan.zhihu.com/p/487428288 阅读全文
posted @ 2022-05-10 09:06 王希有 阅读(186) 评论(0) 推荐(0)
vue3使用 VueUse useVModel
摘要：1、不使用 useVModel 子组件 父组件 2、使用 useVModel 子组件 注意： 不使用 :value 而是使用 v-model 父组件 注意: 若是多层嵌套的情况 子组件不变，沿用 使用 useVModel 父组件 效果 还是很好使用的。。。666 阅读全文
posted @ 2022-05-09 20:11 王希有 阅读(6546) 评论(0) 推荐(0)
vue3中 defineComponent 认识
摘要：官网解释 从实现上看，defineComponent 只返回传递给它的对象。但是，就类型而言，返回的值有一个合成类型的构造函数，用于手动渲染函数、TSX 和 IDE 工具支持。 官网示例 我在自己使用发现的 在单组件中时， 1、不用 defineComponent 会发现，setup中 props的 阅读全文
posted @ 2022-05-09 15:19 王希有 阅读(5880) 评论(0) 推荐(1)
js中reduce的使用
摘要：语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 参数： 1 prev 必需。累计器累计回调的返回值; 表示上一次调用回调时的返回值，或者初始值 init; 2 cur 必需。表示当前正在处理的数组元素； 3 index 可选。表示当 阅读全文
posted @ 2022-05-08 09:15 王希有 阅读(131) 评论(0) 推荐(0)
Watch 与 watchEffect 的区别
摘要：清除无效的 副作用 参考 https://www.jianshu.com/p/64a6427aaf43 阅读全文
posted @ 2022-05-05 14:52 王希有 阅读(128) 评论(0) 推荐(0)
vue3 setup语法糖 父组件如何调用子组件方法
摘要：父组件 子组件 即可 阅读全文
posted @ 2022-05-01 20:26 王希有 阅读(506) 评论(0) 推荐(0)
vue3 vite 配置全局less变量
摘要：1、安装 npm install less npm install less-loader 若有则不需要安装，若无则安装 2、定义变量文件 如 globle.less，添加变量如 3、配置 - vite.config.ts 3、使用 阅读全文
posted @ 2022-05-01 14:17 王希有 阅读(3630) 评论(1) 推荐(0)