Vue + VueRouter + Webpack 实例 （源码含备注）

分享 vue 技术栈核心基础知识点（源码含备注）

首先说一下为什么要写这篇博文，都9102了，为什么还在写那些老掉牙的 vue 基础分享，听我细细道来：

1，不管是 9102 还是 2020 ，技术的更新道路上都是万变不离其宗的，vue 也是一样，尽管3.0已然到来，可是还是有很多同学 2.x 全然不知

2，通过我的一个简单实例，来帮助那些想学习vue技术栈的童鞋和即将入门前端的小白

3，也是最重要的一点，2018年7月，基于某公司部分产品技术栈转型使用vue，部分同事需要学习一下，快速上手，那么我很荣幸的成为了给大家分享vue技术栈的 ‘导师‘ ；清楚的记得，为了这一壮举，培训的前几天我都是在跟度娘和vue官方文档在打交道
（为了纪念自己第一次公众场合分享技术栈）详情请查看

在这里我分享一下当时培训源码（边写边讲），大家如果是初入茅庐的vue小白，建议去看一看，基础知识点还是挺全面的；全部都学会，Vue基本开发肯定没问题。

Vue Basic Demo Github - https://github.com/Hi-Sen/Vue-basics-example

预览 - https://hi-sen.github.io/Vue-basic-look/

涵盖知识点

1，vue常用指令，动态样式，事件处理 ，生命周期, 路由 ，路由钩子 , 按需加载 等
2，vue的常使用插件库，如：element-ui , mint-ui ， iview 等等
3，常用属性， props ，computed ， watch , methods , $refs , $emit , $on 等
4，组件基础，组件通信，组件封装, 动态组件：component 配合 keep-live
5，状态管理 vuex ，配合 localStorage 持久化储存防止刷新等

基本上都是基础，并没有讲的很深，但是讲的很细，毕竟是为了让同事们更快的上手项目；后续在工作中也补充了很多…如：

全局API， vue.nextTick , vue.extend , vue.set , vue.directive ， vue.filters , vue.mixins ，slot
Vuex 扩展语法 mapGetters , mapStates , mapMutations , mapActions 等等；