__Div

当我学习vue时，带给我最大的感觉是双向数据绑定太方便了，不用操作DOM，视图会根据数据的改变而改变。所以我感觉学习vue的同学有必要了解一下它的实现原理 已经了解到vue...

MVVM定义：是Model-View-ViewModel（模型-视图-视图模型）的缩写；Model是数据模型，既后端传过来的数据；View是视图层，既我们看到的页面；而Vi...

vue是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者...

双向数据绑定的概念，相信大家都耳熟能详，简单来说，数据变化更新视图，视图变化更新数据。为了实现这一效果，在 Vue 中，采用了 数据劫持结合发布订阅者模式 的方式来实现。 ...

首先我们这次的源码分析不仅仅是通过源码分析其实现原理，我们偶尔还会通过Vue项目编写的测试用例了解更多细节。 根据官方的指导图来看，数据(data)在变更的时候会触发set...

VUE双向数据绑定用到了文档碎片documentFragment、Object.defineProperty、proxy及发布订阅模式，下面来分别介绍一下这几个知识点，然后...

目前几种主流的mvc(vm)框架都实现了单向数据绑定，而我所理解的双向数据绑定无非就是在单向绑定的基础上给可输入元素（input、textare等）添加了change(in...

由于在使用vue时会用到很多es6的语法，但是现在很多浏览器对es6的支持不是很好，所以在编译时需要将这些语法转换es5的语法，此时我们使用babel来进行编译。 babe...

众所周知，vue2.x响应式是基于Object.defineProperty的数据劫持来实现的，而在vue3.0 中则采用新的ES6 API Proxy来做数据劫持。 具体...

日期格式处理在前端的日常任务中非常常见，但是为此引入 monent.js 这样的类库又会显得有点臃肿，毕竟我们一个特定的项目中，并不需要 monent.js 那么全的涵盖范...

vue2-scrollspy 可以监控滚动条的位置，还可以直接设置滚动条的位置。 最基础的应用是是根据滚动条的位置，来激活对应目录的样式。 示例：https://ibufu...

最近要求使用vue进行前后端分离开发微信公众号，不断摸索踩坑之后，总结出如下几点vue项目开发中常见的问题及解决办法。如果你是vue大佬，请忽略小弟的愚见^V^ 列表进入详...

组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、...

随着软件开发分工趋于精细，前后端开发分离成为趋势，前端同事负责前端页面的展示及页面逻辑处理，服务端同事负责业务逻辑处理同时通过API为前端提供数据也为前端提供数据的持久化能...

随着组件的细化，就会遇到多组件状态共享的情况，Vuex当然可以解决这类问题，不过就像Vuex官方文档所说的，如果应用不够大，为避免代码繁琐冗余，最好不要使用它，今天我们介绍...

显然这样的配置我们目前不能修改，因为目前的配置文件只有vue.config.js，所以我们添加如下代码，进行公共环境变量的设置。 vue.config.js 是一个可选的配...