首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
每天学一点vue3
金色海洋
创建于2021-05-18
订阅专栏
vue3相关的知识点,和使用技巧。 包括vue3全家桶、vite2、组件等。 还有各种实战案例。
等 99 人订阅
共98篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
用Typescript 的方式封装Vue3的表单绑定,支持防抖等功能。
封装Vue3的父子组件的传值,emit之外还可以直接传递对象,这样好处多多,不用不知道,用了很奇妙。另外采用TS方式,更清晰。
【摸鱼神器】vue + 路由 + 菜单 + tabs 能不能一次搞定?
后台管理、demo演示,快速配置路由(仅需一次)、菜单、动态tabs以及用户权限。封装好了,开箱即食,简单方便,提供源码,可以随意修改。
被迫开始学习Typescript —— vue3的 props 与 interface
vue3 的 props 和 Typescript 的 interface 的关系。我想建立一个接口,约束多个组件需要有共同的属性,然后可以共用属性。然而,过程比较波折。
被迫开始学习Typescript —— class
TS 的 class + vue 的 reactive + Object.assign = 拥有响应性的充血实体类,且可以直接赋值。
被迫开始学习Typescript —— interface
Typescript 的 interface 的使用方式,终结记录一下。不过,还是各种any。各种爆红,头疼呀。
结合 Vuex 和 Pinia 做一个适合自己的状态管理 nf-state
自己设计的,才是最适合自己的,因为可以不断的调整,改进,顺便研究一下底层结构和功能。比如写个状态管理练练手。
一篇文章说清 webpack、vite、vue-cli、create-vue 的区别
webpack、vite、vue-cli、create-vue 的区别。比较简单明了。vue3已经转正了,可以放心使用 create-vue 。
从 jQuery 到 Vue3 的快捷通道
CDN + Vue3 + VueRouter + Pinia + UI库,构建工程化的项目。展现Vue3的加载原理。
使用class的方式创建Vue的组件,解决代码复用的问题
解决组件里面共用代码的问题,除了mixin、hook之外,还可以考虑一下面向对象的方式,比如设置一个基类,然后根据项目的需求,再设置若干的子类,然后创建实例,获得组件。共用部分可以放在基类里解决。
简单了解一下pinia的结构
研究一下pinia,然后完善一下自己设计的状态管理,看看专业的,学习学习。然后做一个轻量级的,适合自己的。
nf-Press —— 在线文档也可以加载组件和编写代码
可以加载组件的帮助文档,可以在线写代码的帮助文档,要不要来一份?基于vite+vue3编写。编写和展示融为一体。
vite2 打包的时候vendor-xxx.js文件过大的解决方法
vite打包,把一个打包分成多个小包的方法,比较实用,建议收藏。可以按照模块分开打包,小模块合并打包,避免一堆小文件。
基于 vite2 + Vue3 写一个在线帮助文档工具
这是一个可以在线编写帮助文档的小工具(组件),基于vue3编写,可以在线编写代码、运行代码。有编辑和浏览两种状态。 非常方便好用。
vite的项目,使用rollup打包的方法
vite的项目,如何使用rollup的方式打包?看这里,比较完整的介绍,包会的那种。支持纯JavaScript的库,以及带模板的库。
vite2 + vite.config.js 比较坑的环境变量,vite2模式的使用
vite2 + vue3,在 vite.config.js 里面通过“模式”实现不同的运行、发包方式。
告别Vuex,发挥compositionAPI的优势,打造Vue3专用的轻量级状态
发挥compositionAPI的优势,去掉vuex的繁琐,打造一个适合大中小型项目的轻量级状态管理!支持各种状态(比如只读状态),支持日志、跟踪定位、插件、监听、初始化、持久化等功能!
vue3 专用 indexedDB 封装库,基于Promise告别回调地狱
封装一个适合Vue3使用的indexedDB的help。支持初始化、对象化操作、索引查询等功能。自我感觉非常好用。开源哦。
vue3 自己做一个轻量级状态管理,带跟踪功能,知道是谁改的,还能定位代码。
很清爽的状态管理,有全局状态,也有局部状态(模块内有效),还可以跟踪状态的变化,自动记录日志,包括调者标识,最后还可以定位到修改状态的代码。支持嵌套属性的修改。
vue3,后台管理列表页面各组件之间的状态关系
后台管理的列表页面的各种状态的管理和传递方式。细分组件,每个组件都是原子性的,更灵活的组合。没有采用Vuex,因为感觉有点臃肿,而是用了自己封装的一个轻量级的状态管理。
下一页