现在有一个小商城，从首页（Index）可以进入商品列表页面（List），这个List是一个无限列表，现在用户往下翻，看到某一个商品似乎比较喜欢，于是点击进入到商品详情页面（Info），看完后觉得比较满意。恩，但是货比三家嘛，于是用户返回商品列表页面，准备继续往下浏览，这时如果你…

vue 提供的模块化无疑是提高开发效率的神器，而且对于后期代码优化和维护也提供的极大地便利。 vue 提供了组件功能，组件又可以分为全局组件和非全局组件。区别是全局组件你可以直接在 .vue 文件中直接使用自定义的 html 即可。非全局组件必须在 Vue 的对象中定义 com…

首先这篇文章是读 vue.js 源代码的梳理性文章，文章分块梳理，记录着自己的一些理解及大致过程；更重要的一点是希望在 vue.js 3.0 发布前深入的了解其原理。 如果你从未看过或者接触过 vue.js 源代码，建议你参考以下列出的 vue.js 解析的相关文章，因为这些文…

在之前做一些前端国际化的项目的时候，因为业务不是很复杂，相关的需求一般都停留在文案的翻译上，即国际化多语言，基本上使用相关的 I18n 插件即可满足开发的需求。但是随着业务的迭代和需求复杂度的增加，这些 I18n 插件不一定能满足相关的需求开发，接下来就和大家具体聊下在做国际化…

1. 先进入 initMixin(Vue),在prototype上挂载 2. 进入 stateMixin(Vue),在prototype上挂载 3. 进入eventsMixin(Vue),在prototype上挂载 5. 最后进入renderMixin(Vue),在protot…

vue-element-admin 从 2017.04.17提交第一个 commit 以来，维护至今已经有两年多的时间了了，发布了四十多个版本，收获了三万多的 stars，远远的超出了自己的预期。距离上次手摸手系列教程也已经过去了很久，主要因为：作为一个个人开源项目，维持它已经…

单选、多选的区分，以及对应处理。 1. 实例 2. 原理 下拉框：包含已选中的高亮项，禁用项，默认选择选项等，具备点击选中，再次点击取消的操作。 利用 tabIndex 属性使得最外层的 div 能够触发 blur 事件，如果失焦就收起下拉框。 组件实现数据双向绑定，当 v-m…

最近尝试了vue+ts的组合个人感觉vue对于ts并没有特别的像angular2这样的友好，但是对于ts和js之间个人还是选择ts的。语法糖来说es6简直舒爽，下面我详细介绍下怎么使用ts+vue。ts+vue的插件会少上很多，但是肯定会随着vue对ts的支持插件也会越来越多当…