众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

初学Vue，搜Vue项目时出现的几乎都是TODO应用，音乐播放器之类复杂度并不如想象中高的应用，当然慢慢摸索实现出来也会知道Vue的一些功能，v-on,v-bind之类的绑定，v-for,v-if 等逻辑控制。但写完总感觉意犹未尽... 于是想实现一个稍微复杂些的应用。 路由懒…

vue基本概念区分安装vuecmd命令npmivueyarnaddvuevue核心实现方法vue指令v-forv-bindv-ifv-cloakv-prevue对象vue数组vue事件vue过滤器vu

这个时候我们就可以创建一个高阶组件，根据不同逻辑进行封装，假设现在是根据username获取图片地址，我们来封装一个smart-avatar，我们在使用的这个组件的时候不需要传入完整图片路径，只需要传入username就可以。 第二篇完结撒花！！！！， 第三篇月底不知道有没有时…

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

说好的教程终于来了，第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧，但这里不会教你 webpack 的基础配置，热更新原理是什么，webpack速度优化等等，有需求的请自行 google，相关文章已经很多了。 如图可见模块有很多，而且随着业务的迭代，模块还会会越…

这两篇文章中作者都分享了关于把函数防抖/函数节流包装成通用组件的经验。 在这里我就不介绍函数防抖/函数节流的概念了，将这样的功能封装是组件真的是非常实用。 这里我使用了abstract: true来创建一个抽象组件。 我们常用的transition和keep-alive就是一个…

基本上我们已经知道vue-resize带来的好处，沙箱保护，全自动卸载，对于使用者来说，唯一的要求，就是元素的position不为static，这个库远不止这点干货，毕竟作者是vue team里面的。

目前 vue-cli3 生成的配置是做单页面的，然而，我们有时也会有多页面的需求 。比如我们最常见的一个项目跑多个独立的小型的H5页面，这些页面不可能每一次都开一个新项目.但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的脚手架，这里提供了一种我的单页面脚手架转换为多页…