全文14200多字，平均阅读20分钟，坚持看完你会有收获，还望支持，不对的地方望指正，提出建议。 前不久 Vue3的RC 版本终于发布，一直没时间研究，这篇文章我将以下面的结构，为大家整体梳理下Vue3，顺便对比下vue2.x和react hook结合着带大家看看，可能有些长，…

用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面，我们希望：列表页面可以保留用户的筛选（或选中）状态。keep-alive就是用来解决这种场景。当然keep-alive不仅仅是能够保存页面/组件的状态这么简单，它还可以避免组件反复创…

例如在coma和comb都有一个input都有对应的value，如果我们不用keep-alive，当更改visible的时候，这两个组件都会重新渲染，先前输入的内容就会丢失，会执行一遍完整的生命周期流程:beforeCreate => created...。 但是如果我们用了k…

当时就想到我们公司内部的代码，在webpack加持下，那是一个“重”，每次跑项目的时候，我的16G内存的MBP就扛不住了，风扇很响，烫的可以煮鸡蛋，编译时间也是非常头疼。 随后在后续的开发中，我也一直持续在关注尤大仓库的vite代码更新，发现他更新得比较频繁，可以看出尤大对于这…

在子组件(son)中通过props: {counter: {type: Number}}来接受数据,接收后在子组件中可正常使用数据。 在子组件(son)中通过this.$emit('change', payload)来触发父中的方法。（payload是子组件需要传递给父组件的数…

可见最外层的<el-select>有一个v-model，这个是组件的v-model用法，具体参考官网，value初始为空，当选择了下拉菜单的某一项后，value变成那一项的值。<el-select>标签内是用v-for循环出所有的options,<el-option>也是Ele…

笔者最近业余时间想着学点新东西，于是开始接触服务器端渲染（SSR），花了一周的时间学习和实战，然后在周末高仿掘金撸了一个 SSR 的 Demo 项目。 技术栈选的是平滑开箱的 Nuxt，整个项目整合了 vue + nuxt + axios + vuex + vue-router…

最近熬了很多个夜晚, 踩坑无数, 终于写出了用VuePress驱动的主题. vuepress-theme-indigo-material 的原主题是hexo-theme-indigo, github 的 star 数高达2042, fork 的有451个, 它在静态博客网站中的…

如果已安装旧版本，需要先npm uninstall vue-cli -g 卸载掉旧版本。 注：项目名称不能驼峰命名。 如果选择 y 会让输入名称，以便下次直接使用，否则直接开始初始化项目。 这样的好处是方便管理、后期维护，还可以和后端的微服务对应，建立多文件存放不同模块的api…