今天开始探索mixin的源码，我们可以知道mixin是什么时候进行合并的以及对各个类型是如何进行合并的。 当目标 data 对象不包含当前属性时，调用 set 方法进行合并，后面讲 set。 当目标 data 对象包含当前属性并且当前值为纯对象时，递归合并当前对象值，这样做是为…

1. Vue2的局限性 2. 如何使用CompositionAPI解决问题 最佳的解决方法是将逻辑聚合就可以很好的代码可读性。 这就是我们的CompositionAPI语法能够实现的功能。CompositionAPI是一个完全可选的语法与原来的OptionAPI并没有冲突之处。…

上一篇文章中有同学提到路由鉴权，由于时间关系没有写，本文将针对这一特性对vue和react做专门说明，希望同学看了以后能够受益匪浅，对你的项目能够有所帮助，本文借鉴了很多大佬的文章篇幅也是比较长的。 单独项目中是希望根据登录人来看下这个人是不是有权限进入当前页面。虽然服务端做了…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

昨晚写这篇文章的时候，隔壁在聚餐，几位女生欢聚一堂，整个楼层充满了欢声笑语的味道，就好像早上刷牙刷一半就跑去吃了个鸡蛋。 隐隐约约传来了菜刀与菜板的碰撞声，这刀切的技术似乎略输我一筹。 可就算再怎么样，她们也是一群人吃饭啊。而我只能吃两桶泡面，且还能吃出优越感来~~ 可叹可叹，…

想必 Vue3.0 发布这件事，大家都知道了。 装不知道，我是一只快乐的鸵鸟，我不知道 Vue 更新了，继续摸鱼爽歪歪。 为了下半年的 KPI，冲冲冲！把手头的 Vue 项目进行版本升级和重构。 让我总结的话，就只有两个比较重要的更新（我目前还没有完完整整的体验过新版本，有些地…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…

MVVM的核心是数据驱动即ViewModel，ViewModel是View和Model的关系映射。MVVM本质就是基于操作数据来操作视图进而操作DOM，借助于MVVM无需直接操作DOM，开发者只需编写ViewModel中有业务，使得View完全实现自动化。 SPA（ singl…

由于在使用vue时会用到很多es6的语法，但是现在很多浏览器对es6的支持不是很好，所以在编译时需要将这些语法转换es5的语法，此时我们使用babel来进行编译。 babel的使用请阅读官网文档http://babeljs.cn/。 此时一个基于webpack的vue 项目就搭…