首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
每天学一点vue3
金色海洋
创建于2021-05-18
订阅专栏
vue3相关的知识点,和使用技巧。 包括vue3全家桶、vite2、组件等。 还有各种实战案例。
等 46 人订阅
共85篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
金色海洋
22小时前
Vue.js
新手学Vue3(五)reactive VS ref 之区别与关系
ref 和 reactive 的老生常谈,Vue3都两三年了吧,基础知识嘛,温故而知新吧。重温一下,巩固一下,看看有啥变化没。emmm,没啥变化。ref 的本质是 class 哦。
318
3
评论
金色海洋
1天前
Vue.js
新手学Vue3(四)聊聊组件
简单说了一下组件,我是想说,组件也没什么特别的,其实只是一个对象,有点类似 ajax 那样的用法,按照要求,使用指定的属性(或者函数)名称,就可以了,剩下的交给Vue即可。
799
1
评论
金色海洋
2天前
Vue.js
【Vue3】computed、watch、watchEffect 横向对比
对比一下 computed、watch和watchEffect,看看异同点,看看实现功能时的不同方式,也许可以加深一下了解,这里侧重computed。
165
2
评论
金色海洋
3天前
Vue.js
基于Vue3做一套适合自己的状态管理(八)列表页面需要的局部状态 & n级子模块
对于后台管理类的项目,列表页面是一个基础中的基础功能,相信大家都会,这里试图采用更抽象一些的方式来实现,这样我们可以少写一些代码。然后配合 json 渲染,基本就是一个低代码了。
113
点赞
评论
金色海洋
4天前
Vue.js
【vue3】运行时创建的 class 也可以支持Typescript,同时支持 reactive 和 provide/inject
以前以为Typescript不会支持动态对象的类型检查呢,后来发现是我学习的不够深入。原来可以用 class + 泛型 + 类型合并实现动态对象的类型检查。支持 reactive 和provide
116
1
评论
金色海洋
5天前
Vue.js
基于Vue3做一套适合自己的状态管理(七)实践:当前登录用户的状态(严谨版)
用户状态可以按照一般的方式创建,用户信息和登录退出都放在状态内部,这样想要信息就取信息,想登录就调用登录的函数。但似乎没啥安全感!虽然写代码的时都不会瞎写,但如果在代码层面可以避免出意外,不是更好!
276
1
评论
金色海洋
7天前
Vue.js
基于Vue3做一套适合自己的状态管理(六)在哪里创建状态?需要局部状态吗?
创建全局状态,获取全局状态;创建局部状态,获取局部状态。我喜欢这种清晰明了的方式。设定一个统一的状态管理方案,支持全局和局部状态。时候不同的需求。
898
1
评论
金色海洋
8天前
Vue.js
基于Vue3做一套适合自己的状态管理(五)组合:setup 风格,更灵活
还记得Vue3刚开始的时候,大家谈论的心智负担吗?现在在setup风格的状态里面重现了,那么你是喜欢 setup 这种随意的组合方式,还是充血实体类的方式呢?
752
点赞
评论
金色海洋
8天前
Vue.js
基于Vue3做一套适合自己的状态管理(四)Model的正确的打开方式
以前做后端,不喜欢class,但是喜欢充血实体类。现在做Vue,总会看到有人问:为啥Vue不使用class?其实vue完全可以使用class的,自带的Ref其实就是用class实现的。所以做一个充血的
228
点赞
评论
金色海洋
9天前
Vue.js
基于Vue3做一套适合自己的状态管理(三)继承:Option 风格的状态
optionAPI风格的状态,终于有点像样子了。写文章的过程也是整理反思的过程,检查代码,测试代码,思考利弊,设想各种应用场景,对照同类功能的实现方式和思路。
306
1
评论
金色海洋
9天前
Vue.js
基于Vue3做一套适合自己的状态管理(二)继承:充血实体类
使用继承的方式实现,可以使用ref实现响应性,也可以使用reactive实现响应性。两种方式你喜欢哪一种呢?
182
1
评论
金色海洋
11天前
Vue.js
Vue打包后,及时更新版本的一种方法
Vue3的打包设置,缓存的设置,自动更新版本的一种方法。测试有效。还需要17个字。还需要十个字。为什么要50个字?
860
1
评论
金色海洋
11天前
Vue.js
基于Vue3做一套适合自己的状态管理(一)基类:实现辅助功能
状态,还是适合自己的才是用起来最舒服的。你是用官方推荐的pinia,还是自己重复制造一个轮子呢?我给自己做了一个锤子,充血实体类的状态哦。
187
点赞
评论
金色海洋
15天前
Vue.js
Vue3.3 的新功能的体验(下):泛型组件(Generic Component) 与 defineSlots
组件的props想使用泛型,要如何设置?作用域插槽的props也想用泛型,又要如何设置?vue3.3提供了简单的设置方法。
1049
5
4
金色海洋
19天前
Vue.js
Vue3.3 的新功能的体验(上)props导入外部类型、DefineOptions、defineModel、Props 的响应式解构
体验一下Vue3.3的新特性,主要是 defineModel、外部导入props的类型定义,Props 响应式解构 等。体验的同时,看看内部的实现方式,提升编码水平。
1048
5
1
金色海洋
1月前
Vue.js
新手学Vue3(三)用 yarn + vite 搭建一个Vue3的舞台
工程化的方式建立一个vue3的项目,话说现在官网不用工程化这个词了呢?yarn + vite 建立一个项目,挂载需要的插件,一个大号hello world,然后正式开干。
323
3
6
金色海洋
1月前
Vue.js
CDN
vue-router
新手学Vue3(二)像jQuery那样用vue,加载UI库、路由和pinia(过渡篇章)
学习vue3,可以像jQuery那样,直接开干!不要node,不要npm,不要各种乱乱的,就是干。。。放心,只是过渡一下,不会跑偏。如果你对官网的例子有点茫然,不知如何下手,那么可以来看,也许豁然开朗
316
5
1
金色海洋
1月前
Vue.js
新手学Vue3(一)前置条件和总览
适合新手的vue3入门系列,这只是开始,后续更精彩。好吧第一章有点水,可以跳过。祝大家五一快乐,玩的开心,休息的好,多多发财。
141
1
评论
金色海洋
1月前
Vue.js
Vue3实现组件级基类的几种方法
Vue3 的 composition API做组件,也是可以定义基类的,也是可以定义class、设置子类。因为Vue3 完全支持ES6。就看脑洞够不够大。
307
3
评论
金色海洋
9月前
Vue.js
Element
【vue3】使用自定义指令,实现el-dialog的拖拽功能。
实现el-dialog的拖拽功能,我知道可以通过设置属性的方式实现。只是我一开始用的使用没有哇,写了又不想放弃,然后还的跟着维护和升级。。。
1378
12
3
下一页