一. 简介
1. 说明
Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。
Vue2.x :
官网地址:https://cn.vuejs.org/
GitHub地址:https://github.com/vuejs/vue
Vue3.x:
官网地址:https://v3.cn.vuejs.org/
2. Vue2快速入门
(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). 运行结果
3. Vue3快速入门
xxxx
二. 走向Vue3
1. Vue3新特性
2. Vue3向下兼容说明
https://v3.cn.vuejs.org/guide/migration/introduction.html
三. 目录
阶段一:Vue2.x用法
第八节:Vue Cli简介/安装、两种Create项目的方式、相关配置说明
第九节:Vuex简介、基本使用、核心功能(State、Mutation、Action、Getter) 和 案例实战演练
第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部署和管理
第三节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX
第X节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX
阶段三:Vuex3.x新特性探索(即将开始。。。。)
第一节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX
第二节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX
第三节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX
第X节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX
!
- 作 者 : Yaopengfei(姚鹏飞)
- 博客地址 : http://www.cnblogs.com/yaopengfei/
- 声 明1 : 如有错误,欢迎讨论,请勿谩骂^_^。
- 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权利。