vue-basics-example's Introduction

2018 年 7 月分享 vue 技术栈

基于公司部分产品技术栈转型使用vue，部分同事需要学习一下，快速上手，那么我很荣幸的成为了给大家分享vue技术栈的‘ ’导师‘，在这里我分享一下；

讲解大纲为：（我是有一份PPT的，就不展示出来了，emmm~~）

1，vue框架的简单介绍，优缺点

2，vue常用指令，动态样式，事件处理，生命周期, 路由，路由钩子 , 按需加载等

3，vue的常使用UI库，如：element-ui , mint-ui ， iview 等等

4，常用属性， props ，computed ， watch , methods , $refs , $emit , $on 等

5，组件基础，组件通信，组件封装, 动态组件：component 配合 keep-live

6，状态管理 vuex

以上是我为同事讲解 vue 框架的大纲，基本上都是基础，并没有讲的很深，毕竟是为了让同事们更快的上手项目；后续在工作中也补充了很多......如：全局API， vue.nextTick , vue.extend , vue.set , vue.directive ， vue.filters , vue.mixins

Vuex 扩展语法 mapGetters , mapStates , mapMutations , mapActions 等等；

vue-demo

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Recommend Projects