随笔分类 -  vue3

学习vue3的笔记
vue3+TS 自定义指令：长按触发绑定的函数
摘要：#vue3+TS 自定义指令：长按触发绑定的函数 偶然间看到一个在vue2中写的长按触发事件的自定义指定，想着能不能把他copy到我的vue3项目中呢。 ##编写自定义指令时遇到的几个难点 ###1.自定义指令的类型 在ts中写任何东西都要考虑到类型的问题，自定义指令的类型问题依然存在 ###2.在 阅读全文
posted @ 2022-12-29 15:53 bbigger004 阅读(1576) 评论(0) 推荐(1)
vite+ts+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置
摘要：1.vite+TS+Vue3 npm create vite Project name:... yourProjectName Select a framework:>>Vue Select a variant:>>Typescrit 2. 修改vite基本配置 配置 Vite {#configur 阅读全文
posted @ 2022-12-09 15:13 bbigger004 阅读(1300) 评论(0) 推荐(2)
手写Pinia存储的数据持久化插件
摘要：Pinia和Vuex的通病 Pinia和vuex的通病就是，页面刷新会导致数据丢失 解决通病 一、新建store import { defineStore } from 'pinia' //单独存放Store的名字 $id import { Names } from './store-name' t 阅读全文
posted @ 2022-09-15 15:03 bbigger004 阅读(774) 评论(0) 推荐(0)
vue3+ts 全局事件总线mitt
摘要：Mitt 在vue3中 $ on，$off 和 $once 实例方法已被移除，组件实例不再实现事件触发接口，因此大家熟悉的EventBus便无法使用了。然而我们习惯了使用EventBus，对于这种情况我们可以使用Mitt库 npm i mitt -S 首先要在全局挂载 mitt 在app.confi 阅读全文
posted @ 2022-09-06 10:08 bbigger004 阅读(2874) 评论(0) 推荐(0)
Transition 初步使用
摘要：Transition Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡: 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 自定义 transition 过度效果，你需要对transition组件的name属性 阅读全文
posted @ 2022-09-02 17:57 bbigger004 阅读(272) 评论(0) 推荐(0)
vue3 递归组件 树形组件
摘要：递归组件 第一种方式，直接自己调用自己 Tree.vue <template> <div class="tree"> <div v-for="(item, index) in data" :key="item.name"> 每一层 {{ item.name }} <Tree v-if="item?. 阅读全文
posted @ 2022-09-01 11:41 bbigger004 阅读(2701) 评论(0) 推荐(0)
vue3学习第一天
摘要：第一章 Options API与Composition API 重写双向绑定 vue2 基于Object.defineProperty()实现 vue3 基于Proxy proxy与Object.defineProperty(obj, prop, desc)方式相比有以下优势： //丢掉麻烦的备份数 阅读全文
posted @ 2022-08-30 17:34 bbigger004 阅读(201) 评论(0) 推荐(0)