vue全家桶

vue全家桶？

开发一个完整的中大型单页面应用项目所必须的所必须的插件和框架。

1.vue-cli

也叫脚手架，是Vue.js开发的标准工具，相比于script标签引入，具有以下特点

1. 功能丰富,对 Babel、TypeScript、ESLint提供开箱即用的支持。
2. 面向未来,为现代浏览器轻松产出原生的 ES2015 代码，或将你的 Vue 组件构建为原生的 Web Components 组件。

安装方法：

npm install -g @vue/cli
# OR
yarn global add @vue/cli

//安装完成后创建一个项目，vue ui为图形化构建，相对简单（推荐）
vue create my-project
# OR
vue ui

功能：

1. 嵌套的路由/视图表
2. 模块化的、基于组件的路由配置
3. 路由参数、查询、通配符
4. HTML5 历史模式或 hash 模式

安装方法：

npm install vue-router 
import VueRouter from 'vue-router'
// 安装后在main.js中引入
Vue.use(VueRouter)

3.vuex

1.vuex是什么？专门为vue搭配的集中式状态管理（组件状态）工具

2.为什么要用？不同的组件关系对应着不同的通信方案，解决多组件共享数据的问题

3.应用于什么场景？多组件共享数据，管理共享状态（需要构建一个中大型单页应用，可能会考虑如何更好地在组件外部管理状态，Vuex 将会成为自然而然的选择）

4.特点？

1. 独立于组件之外单独存在
2. 响应式
3. 架构简单，操作简单

5.安装方法：

npm install vuex --save

4.Axios

Axios是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中

特性：

1. 从浏览器中创建 XMLHttpRequests
2. 从 node.js 创建 http 请求
3. 支持 Promise API
4. 拦截请求和响应
5. 转换请求数据和响应数据
6. 取消请求
7. 自动转换 JSON 数据

安装方法：

npm install axios

5.UI框架（elementUI、vant）

vant：轻量、可靠的移动端 Vue 组件库,是有赞开源的一套基于 Vue 2.0 的 Mobile 组件库
elementUI ：是基于 Vue 2.0 桌面端中后台组件库