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:
功能:
- 嵌套的路由/视图表
- 模块化的、基于组件的路由配置
- 路由参数、查询、通配符
- 基于 Vue.js 过渡系统的视图过渡效果
- 细粒度的导航控制
- 带有自动激活的 CSS class 的链接
- HTML5 历史模式或 hash 模式,在 IE9 中自动降级
- 自定义的滚动条行为
Vuex:
如同React有Redux一样,Vuex是一个专为Vue.js应用程序开发的状态管理模式,适合开发大型单页应用。
axios:
axios是一个基于Promise用于浏览器和node.js的HTTP客户端,它可以帮你:
- 从浏览器中创建 XMLHttpRequest
- 从 node.js 发出 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防止 CSRF/XSRF
1.在main.js 进行全局配置
2.在vue中的操作