![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 76
糖糖246
这个作者很懒,什么都没留下…
展开
-
vue 动态路由实现 后端控制权限时的前端处理
前端思路:上图中,可以是控制的,可以是根据用户信息从路由表中筛选的。此处讲解路由信息的情况。原创 2022-09-18 10:20:43 · 935 阅读 · 2 评论 -
【学习vite + vue3 + pinia + ts】pinia应用 store的创建及应用
1. 读取state中的属性 2. state属性的修改方式 3. actions处理同步异步逻辑 4. getters函数式写法与参数接收 5. 持久化存储pinia中的数据原创 2022-08-31 15:50:56 · 3182 阅读 · 5 评论 -
【学习 vite + vue3 + pinia + ts】vue3与vue2的一些差异点
created- 新增!在元素的 attribute 或事件监听器被应用之前调用。bind →mounted:新增!在元素本身被更新之前调用,与组件的生命周期钩子十分相似。update → 移除!该钩子与updated有太多相似之处,因此它是多余的。请改用updated。updated:新增!与组件的生命周期钩子类似,它将在元素被卸载之前调用。...原创 2022-08-26 10:12:17 · 211 阅读 · 0 评论 -
【学习 vite + vue3 + pinia + ts】setup异步返回 async setup
正常情况下,setup不能是一个async函数,因为返回值不再是return的对象,而是promise,模板看不到对象中的属性。但是,借助与结合,可以实现setup返回一个Promise实例。原创 2022-08-25 10:29:39 · 1593 阅读 · 0 评论 -
【学习 vite + vue3 + pinia + ts】应用创建与常用组合api
组合式 API: setup,ref,reactive,computed,watch,watchEffect,toRef,toRefs,shallowRef,shallowReactive,readonly,shallowReadonly,toRaw,markRaw,provide,inject,customRef,原创 2022-08-23 15:07:59 · 763 阅读 · 0 评论 -
【学习 vite + vue3 + pinia + ts】vue3响应式原理简单理解
新增属性、删除属性, 界面不会更新。借助 this.$set()/this.$delete()实现属性新增/删除。- 通过Proxy(代理): 拦截对象中任意属性的变化, 包括:属性值的读写、属性的添加、属性的删除等。- 对象类型:通过Object.defineProperty()对属性的读取、修改进行拦截(数据劫持)。- 数组类型:通过重写更新数组的一系列方法来实现拦截。- 通过Reflect(反射): 对源对象的属性进行操作。// 拦截设置属性值或添加新属性。// 拦截读取属性值。...原创 2022-08-23 15:13:02 · 295 阅读 · 0 评论 -
【学习 vite + vue3 + pinia + ts】框架搭建
在src/components下新建index.ts// import ComponentVue from './ComponentVue.vue' // 替换为想要全局注册的组件// app.component('ComponentVue', ComponentVue) //注册}}修改main.tsapp.use(Antd)原创 2022-08-10 11:13:24 · 3587 阅读 · 0 评论