Vue全家桶系列(Vue+Vuex+Vue-Router+ElementUI)

一. 简介

 1. 说明

　 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

官网地址：https://cn.vuejs.org/

GitHub地址：https://github.com/vuejs/vue

2. 基本入门

(1). 引入vuejs文件

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

(2). View页面代码

<div id="app">
  {{ message }}
</div>

(3). JS声明Vue实例

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

(4). 运行结果

 

二. 目录

 

阶段一：Vue2.x用法

　　第一节：Vuejs入门之各种指令

　　第二节:  Vuejs常用特性1

　　第三节：Vuejs常用特性2和图书案例

　　第四节：Vuejs组件及组件之间的交互

　　第五节:  前后端交互之Promise用法和Fetch用法

　　第六节：前后端交互之axios用法及async异步编程

　　第七节：Vuejs路由交互及后台系统路由案例

　　第八节：Vue Cli简介/安装、两种Create项目的方式、相关配置说明

　　第九节：Vuex简介、基本使用、核心功能(State、Mutation、Action、Getter) 和 案例实战演练

　　第十节：基于Vuex实现数据的增删改查的案例剖析分享

　　第X节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

阶段二：Vue2.6.11 + Vue-Router3.2 + ElementUI2.15.1 + Vuex 全家桶

　　第一节：项目初始化(ElementUI、axios)、Git版本管理、基本环境搭建

　　第二节：基础配置(路由、less、静态资源、axios、ESLint)、基础组件(Form、Message) 之登录页面搭建

　　第三节：基础组件(Container布局、NavMenu导航) 之 系统主页面搭建

　　第四节：基础组件(Breadcrumb、Card、Input、Dialog、Switch、Select、MessageBox) 之 用户管理

　　第五节：基础组件(Table、Pagination、Tree、Tag) 之 角色/权限管理

　　第六节：基础组件(Cascader/Tab/Steps/Upload/TimeLine/alert) 之 参数/商品/订单--未完

　　第七节：扩展组件(lodash/富文本/echart/nprogress) 和 帮助类(日期格式化)

　　第八节：项目优化上线之打包、报告分析、删除console、webpack配置、CDN、首页定制、路由懒加载、Express部署和管理

　　第X节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

　　第X节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

阶段三：Vuex3.x新特性探索(准备中。。。。)

　　第一节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

　　第二节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

　　第三节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

　　第X节：XXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

 

 

 

 

!

• 作       者 : Yaopengfei(姚鹏飞)
• 博客地址 : http://www.cnblogs.com/yaopengfei/
• 声     明1 : 如有错误，欢迎讨论，请勿谩骂^_^。
• 声     明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址，否则保留追究法律责任的权利。