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 : 原創博客請在轉載時保留原文鏈接或在文章開頭加上本人博客地址，否則保留追究法律責任的權利。