记得有段时间特别想在Vue中玩TypeScript，但是 Vue2.x对 TypeScript 的支持并不是特别好，一种比较好的实现方式是通过 Vue Class Component 库去实现，主要是通过装饰器来对组件的行为进行修改，通过写Class组件的方式去写组件，从而加上…

Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 使用 Vue2.x 的小伙伴都熟悉，Vue2.x 中所有数据都是定义…

欢迎大家加入一起共同学习进步。 最新消息和优秀文章我会第一时间推送的。 具体时间可以看大家可以看看官方时间表。 目前在Vue3处于Beta版本,后面主要是处理稳定性问题。也就是说主要Api不会有很多改进。尤大神从直播中说虽然很多想法,但是大的变化最快也会出现在3.1上面了。所以…

大多数前端VUE开发者会有个疑问为什么要用Composition API。什么时候要用，怎么去用，能给我们带来什么好处。本教程就解决以上以为，解决这个疑问我们先从了解VUE2的缺点开始，也可以说VUE2的下列局限性导致了组合式API的产生： 基于Vue2的大型组件很难维护。 基…

1. 安装nodejs 3. Vue-cli3.x 将提供以下特性供选择，大家可以根据项目需要进行选择添加的配置项： Babel, PostCSS, ESLin等配置文件怎么存放, 是放到单独的配置文件中?还是package.json里? 这里方便配置清晰好看, 我选择每个配置…

首先，我们分别通过这两种方式，创建Vue脚手架。我们来看一下两者的 main.js 有什么不一样

在Vue构建的单页面应用（SPA）中，路由模块一般使用vue-router。vue-router不保存被切换组件的状态，它进行push或者replace时，旧组件会被销毁，而新组件会被新建，走一遍完整的生命周期。 但有时候，我们有一些需求，比如跳转到详情页面时，需要保持列表页的…

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

虽然目前的技术栈已由 Vue 转到了 React，但从之前使用 Vue 开发的多个项目实际经历来看还是非常愉悦的，Vue 文档清晰规范，api 设计简洁高效，对前端开发人员友好，上手快，甚至个人认为在很多场景使用 Vue 比 React 开发效率更高，之前也有断断续续研读过 V…