尤大在朋友圈爆料，VitePress 1.0 正式发布，这也是 VitePress 诞生以来升级的第一个语义化主版本，一个值得纪念的里程碑。

前言: 随着前端业务的不断扩大,也造了一些的轮子或者面向业务二次封装的代码用在各个项目当中,为了提升团队开发效率,稳定开发质量,一个服务于业务的业务组件库必不可少~

在vue工程中创建SplitPane组件，引入页面使用。 SplitPane组件由三部分组成：区域1，区域2，以及滑动器。添加这三个元素，并分别添加class名，注意.pane为区域1和区域2共用。 将容器设置为flex布局，区域2的flex属性设为1，则区域2会根据区域1的宽…

但是当我们打开 vue3 的源码之后你会发现，代码量是如此之多。这个源码到底该从何读起。虽然 vue3 代码的可读性是很高的，但是架不住代码量大呀！！！ 就是自己把功能实现一遍，这对于我自己的收获也是巨大的。因为你要想实现这个功能的话，你必须要先理解，然后才可以把代码写出来。 …

假设我们有两个模块：一个实现http请求，另一个实现路由跳转。 在上面的代码中，为了实现登录功能，Login类内部分别实例化了HttpService和RouterService。虽然上述代码可以正常工作，但是不是很灵活。假如修改HttpService需要增加token信息： 此…

TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性，在 react 和 vue 社区中也越来越多人开始使用TypeScript。从最近发布的 Vue3 正式版本来看， Vue3 的源码就是用 T…

Vue2.x【注册或获取全局组件。注册还会自动使用给定的 id 设置组件的名称】 Vue3【注册或获取全局组件. 注册还会自动使用给定的 name组件 设置组件的名称】全局组件 指令绑定到的元素。这可以用来直接操作DOM。 oldValue：指令绑定的前一个值，仅在 befor…

距离Vue3.0 beta 发布已经过了半个多月了。本来这个东西上个月就应该写了，由于公司上个月赶项目一直没时间。趁着劳动节把这个东西写了一下，也顺便把一些坑过了一下。

首先我们先把vue-next-webpack-preview先 clone 到本地，把它改造成一个 typescript 的工程。 把 main.js 改为 main.ts，这一步仅需要改一个文件后缀名即可。 总所周知，jsx/tsx 是一个语法糖，在 React 和 Vue …