vue 全家桶

Vue全家桶：vue + vue - router + vuex +axios

Vue是一套用于构建用户界面的渐进式框架，和React，都自称自己只关注视图层

在文件中引入vue

如：<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.cjs.js"></script>

可在 https://www.bootcdn.cn/vue 中找到相关版本的 js

看一个Demo:

此时，如果页面显示了 Hello Vue！，说明是正常运行。

Vue - router:
功能：
1、嵌套的路由/视图表
2、模块化的、基于组件的路由配置
3、路由参数、查询、通配符
4、基于 Vue.js 过渡系统的视图过渡效果
5、细粒度的导航控制
6、带有自动激活的 CSS class 的链接
7、HTML5 历史模式或 hash 模式，在 IE9 中自动降级
8、自定义的滚动条行为

Vuex:
如同React有Redux一样，Vuex是一个专为Vue.js应用程序开发的状态管理模式，适合开发大型单页应用。

axios:
axios是一个基于Promise用于浏览器和node.js的HTTP客户端，它可以帮你：
1、从浏览器中创建 XMLHttpRequest
2、从 node.js 发出 http 请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求和响应数据
6、取消请求
7、自动转换JSON数据
8、客户端支持防止 CSRF/XSRF

在创建项目时，要把axios安装上，安装命令 cnpm init axios --save
1.在main.js 进行全局配置

2.在vue中的操作