vue

vue 刷新当前页面

在不刷新页面的情况下,更新页面。这个 issue 两年前就提出来了,之前的文章里面也提供了一个 解决方案。在这里分享一下,我目前使用的新方案。

用 Vue 编写抽象组件

看过 Vue 源码的同学可以知道,<keep-alive><transition><transition-group>等组件 组件的实现是一个对象,注意它有一个属性 abstracttrue,表明是它一个抽象组件

Vue 的文档没有提这个概念,在抽象组件的生命周期过程中,我们可以对包裹的子组件监听的事件进行拦截,也可以对子组件进行 Dom 操作,从而可以对我们需要的功能进行封装,而不需要关心子组件的具体实现。

重复造轮子:从0开始实现Vue数据绑定

随着前端模块化、工程化的进行,Vue, React, Angular 等框架越来越流行,MVC(MVVM)的设计模式也越来深入人心。这类框架将开发者从繁琐的 dom 操作中解放出来,推动了开发者去了解和使用抽象程度更高的领域。包括但不限于数据结构,设计模式,数据流,抽象数据类型,抽象过程等。

那么这类框架是如何实现数据驱动的呢? 以 Vue 为例。

Vue2.4组件间通信新姿势

Vue 应用在组件化之后,通常存在着 父子组件、兄弟组件、跨级组件 等组件关系,那么组件之间如何进行通信;Vue2.4 提供了两种新的组件通讯方法。