首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
每天学一点vue3
金色海洋
创建于2021-05-18
订阅专栏
vue3相关的知识点,和使用技巧。 包括vue3全家桶、vite2、组件等。 还有各种实战案例。
等 99 人订阅
共98篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
【vue3】封装UI库,透传 slot —— 低代码的基础操作
低代码的一个基础操作,透传组件的属性、事件以及插槽。这里说的是插槽的透传。通过UI库作为实例,即易懂又有使用颈价值。
【vue3】给 reactive 打个补丁,顺便做个状态管理
关于状态管理已经写过好几次了,每次都有不同的想法,一开始是模仿,接下来是反思:自己真的需要那么多功能和方法吗?于是不断地做减法,最后发现只剩下了 reactive 的补丁。
【vue3】不响应性的几个坑:reactive、ref、props、函数传参
vue 提供了响应性的功能,用起来非常方便,只是 compositionAPI 把响应性提取出来之后,就出现了各种各样的小问题,在这里汇总一下。
【vue3.5】onWatcherCleanup 到底咋用?应用场景之一:防抖
vue3.5推出的新API onWatcherCleanup 要怎么使用?有哪些应用场景?防抖还是取消申请?见仁见智,二者都有demo。
【vue3.5】 的两个小坑:props的解构,监听的暂停、恢复(补充stop)
vue 又发布了一个小版本:v3.5 ,我按照大神的介绍,依次尝试一遍,然后发现了两个小坑:props的解构以及监听的暂停、恢复。这不是bug。
【vue3】defineModel的多种打开方式:多Model、ts、泛型、修饰符等
vue 3.4的 defineModel 的各种使用方法:基础用法、多Model的方法、使用Typescript的方式,和组件的泛型结合使用,修饰符的使用方式等。基本比较全了。不全的话请提出来
【vue3】compositionAPI的最佳实践:列表篇
无论是网站还是后台管理或者是APP,列表数据都是一个很常用的需求,而围绕列表,分页和查询也是不可或缺的元素,那么如何更好的编码实现需求呢?这里介绍一种自我感觉良好的方法,供大家参考。
【vue3】详解单向数据流,大家千万不用为了某某而某某了。
vue3的单向数据流是不是已经名存实亡了?单向数据流到底是怎么回事?在子组件里面直接改reactive,是不是违反了单向数据流?Proxy的 set 和 emit有啥不一样?
给 Pinia 加一个定位代码的功能(支持 reactive)
出现bug了咋办?如果能够第一时间确定出现问题的代码就好了。那么如何定位呢?pinia提供了timeline,只是似乎没有定位功能,那么我们加一个吧。
【vue3、新手】最少获知API
数了数,其实想要快速掌握Vue3,学会这十五个API就可以了。当然其他的API也是要学的,我是想说,不要被一大堆API晃花眼。
新手学Vue3(六)聊聊插槽(slot),有捷径
通过UI库的组件的插槽,可以快速学习插槽的使用方法,然后想想,如果我们要做一个这样的组件(带插槽的那种),要如何设置呢?再去vue的官网看看文档,基本就会了。
vue3 的 reactive 在创建时的一些小细节
写文章,整理思路,完善各种细节,遇到巧合就往深度研究一下,如果有所发现,就写个笔记,记录一下,以后可以当备忘录。想想之前在学习的道理上遇到的坎坎坷坷,可以会心一笑。
【Vue3】聊聊组件的 props 为啥不让改的核心原理?(其实可以直接改)
prosp 到底让不让改?简单的说基础类型(string、number等)不能改,但是引用类型(对象、数组等)可以改。那么为啥呢?我们来研究一下原理。例子简洁生动,包懂的那种。
新手学Vue3(五)reactive VS ref 之区别与关系
ref 和 reactive 的老生常谈,Vue3都两三年了吧,基础知识嘛,温故而知新吧。重温一下,巩固一下,看看有啥变化没。emmm,没啥变化。ref 的本质是 class 哦。
新手学Vue3(四)聊聊组件
简单说了一下组件,我是想说,组件也没什么特别的,其实只是一个对象,有点类似 ajax 那样的用法,按照要求,使用指定的属性(或者函数)名称,就可以了,剩下的交给Vue即可。
【Vue3】computed、watch、watchEffect 横向对比
对比一下 computed、watch和watchEffect,看看异同点,看看实现功能时的不同方式,也许可以加深一下了解,这里侧重computed。
基于Vue3做一套适合自己的状态管理(八)列表页面需要的局部状态 & n级子模块
对于后台管理类的项目,列表页面是一个基础中的基础功能,相信大家都会,这里试图采用更抽象一些的方式来实现,这样我们可以少写一些代码。然后配合 json 渲染,基本就是一个低代码了。
【vue3】运行时创建的 class 也可以支持Typescript,同时支持 reactive 和 provide/inject
以前以为Typescript不会支持动态对象的类型检查呢,后来发现是我学习的不够深入。原来可以用 class + 泛型 + 类型合并实现动态对象的类型检查。支持 reactive 和provide
基于Vue3做一套适合自己的状态管理(七)实践:当前登录用户的状态(严谨版)
用户状态可以按照一般的方式创建,用户信息和登录退出都放在状态内部,这样想要信息就取信息,想登录就调用登录的函数。但似乎没啥安全感!虽然写代码的时都不会瞎写,但如果在代码层面可以避免出意外,不是更好!
基于Vue3做一套适合自己的状态管理(六)在哪里创建状态?需要局部状态吗?
创建全局状态,获取全局状态;创建局部状态,获取局部状态。我喜欢这种清晰明了的方式。设定一个统一的状态管理方案,支持全局和局部状态。时候不同的需求。
下一页