然而，这项目只是实现了一些功能，但我感觉并没有很好地利用Composition API去对代码进行整合管理。要知道，Composition API的出现就是为了解决Options API导致相同功能代码分散的现象，也有很多大佬对其做了很多的动画展示（这里我借用一下大帅搞全栈大佬…

这是一篇纯技巧向的文章，跟一年多之前的《揭秘 Vue-3.0 最具潜力的 API》一样_[0]_，更少的背景铺垫，更多的代码，更多的 demo，更快的节奏。 让我们直接进入主题。 前一阵子，有开发者发推特表示用 Svelte 实现跟 React 一样的功能_[1]_，代码简洁很…

本文将介绍如何使用Vue3+TS写一个基础项目，有了主要框架概念之后，后续对于应用的开发能更加地得心应手。 3.x版本开始使用函数式编程，因此可以使用链式调用。 规定了数组元素类型是RouteRecordRaw，它可以在定义路由时进行友善地提示。 基本路由定义好后，下面开始写数…

那么在Vue3中，对外暴露了很多的API供开发者使用，我们可以根据自己的需求，将所需要的API从Vue中导入。例如 main.js 中的代码 provide ：向子组件以及子孙组件传递数据。接收两个参数，第一个参数是 key，即数据的名称；第二个参数为 value，即数据的值 …

一起看看Vue3给我们带来了哪些值得关注的新东西。 首先当然是万众瞩目的Composition API。 由于相关业务的代码需要遵循option的配置写到特定的区域，导致后续维护非常的复杂，代码可复用性也不高。最难受的是敲代码的时候不得不上下反复横跳，晃得眼瞎... 我们可以看…

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…

Composition API 的设计理念就是把接口的可重复部分及其功能提取到可复用的代码段中，增加代码的可复用性、逻辑性，有点借鉴 react hooks 的意思。哪些逻辑需要封装起来进行复用就是造轮子的关键，所以还得从存量问题中寻找公共逻辑复用的方案。 这是一个经典的vue…

前几天我用Vue3重构了我那个Vue2的开源项目，最后还遗留了一个问题：项目中用的一个websocket插件还不能正常使用。于是，我决定重写这个插件，让其支持Vue3。 本文将记录下重写这个插件的过程并将其发布至npm仓库，顺便给插件作者提个PR，欢迎各位感兴趣的开发者阅读本文…

Vue 3 出来之后，很多人有如下想法，“又要学新东西啦”、“我学不动了”等等。 但是事物总有它的两面性，前端知识更新的很快，利好勤奋好学的同学。计算机行业的迭代速度很快，前端在计算机领域里，算是前浪被拍在沙滩上比较快的。 我很羡慕还在学校的同学，因为现在的大学生，信息的获取量…