下面我们就一起来简明扼要聊聊，用人人都听得懂的话来阐述 Vue3.0 Composition API。 API：应用程序接口（Application Programming Interface），指一些预先定义的函数，用来系统之间、组件之间、函数之间交互的一种约定。 可以理解它…

双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. 可以实现双向绑定的方法有很多,KnockoutJS基于观察者模式的双向绑定,Ember基于数据模型的双向绑定,Angular基于脏检查的双向绑定,本篇文章我们重点讲面…

这篇文章主要介绍了vue中的ref和refs的使用，文中通过示例代码介绍的非常详细。 ref：被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的$refs对象上。如果在普通的DOM元素上使用，那么指向的就是普通的DOM元素。 2、ref 加在子组件上，用this.re…

2.你可以在对象中传入更多属性来动态切换多个 class。此外，v-bind:class 指令也可以与普通的 class 属性共存。 v-bind:style 的对象语法十分直观——看着非常像 CSS，但其实是一个 JavaScript 对象。CSS 属性名可以用驼峰式 (ca…

最近在复习一些常见的设计模式，联想到vue的响应式原理（2.x），决定整理一篇浅显易懂的文章阐述其核心思想。 ok，让我们开始。 发布订阅模式基于一个主题事件通道，接收通知的对象可以通过自定义的事件订阅主题，对象会在主题事件发布时收到通知。 说到发布订阅模式，不得不提观察者模式…

vue2.0加入了virtual dom，有点向react靠拢的意思。vue的diff位于patch.js文件中，复杂度为O(n)。 听大神说了解diff过程可以让我们更高效的使用框架，工作和女朋友都更加好找了，我们赶快了解哈~。 了解diff过程，我们先从虚拟dom开始。 所…

前段时间，Vue 官方释出了 Composition API RFC 的文档，我也在收到消息的第一时间上手尝鲜。 虽然 Vue 3.0 尚未发布，但是其处于 RFC 阶段的 Composition API 已经可以通过插件 @vue/composition-api 进行体验了。…

之前写了一个node的jwt认证，为了能和node对应，跑通整个流程，前端将设置登录拦截，分别为路由拦截，http拦截。更多文件请看 github地址 大致流程：在进行路由跳转时，利用vue-router提供的钩子函数beforeEach()对路由进行判断，符合条件next()…