Vue全家桶系列【vue3中更新中.....】

一. 简介

 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). 运行结果

Vue全家桶系列【vue3中更新中.....】

3. Vue3快速入门

 

  xxxx

 

 

二. 走向Vue3

1.  Vue3新特性

 

 

 

2. Vue3向下兼容说明

 

 https://v3.cn.vuejs.org/guide/migration/introduction.html

 

 

 

 

 

三. 目录

 

阶段一: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部署和管理

  第三节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX

  第X节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

 

阶段三:Vuex3.x新特性探索(即将开始。。。。)

  第一节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX

  第二节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX

  第三节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX

  第X节:XXXXXXXXXXXXXXXXXXXXXXXXXXXX

 

 

 

 

 

 

 

 

 

!

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

 

Vue全家桶系列【vue3中更新中.....】

上一篇:????SSH Config Editor Pro :管理您的SSH配置文件


下一篇:Redis的主从复制原理