vue路由和axios插件安装

1.vue的开发工具Visual Studio Code下载链接:进入vscode官网(https://code.visualstudio.com/Download)2.选择下一步安装,我接受协议,选择安装位置,将打开方式添加到鼠标右键菜单上(勾选"其他"中的第一选项),继续点击下一步,完成安装.3.vscode开发前需要安装几个插件.可直接在工具中打开安装.也可进入vscode官网插件商店(https://marketplace.visualstudio.com/VSCode) 进行

路由跳转 this.$router.push('/course'); this.$router.push({name:course}); this.$router.go(-1); //后退一页 this.$router.go(1): // 前进一页 <router-link to = "/course">课程页</router-link> <router-link :to="{name:'course'}"> 课程页 </r

路由跳转 this.$router.push('/course'); this.$router.push({name:'course'}) this.$router.go(-1) // js逻辑使用history,完成返回上一页 this.$router.go(1) // 前进一页 <router-link to="/course">课程页</router-link> <router-link :to="{name:'course'}"

https://router.vuejs.org/ vue路由配置: 1.安装 npm install vue-router --save / cnpm install vue-router --save 2.引入并 Vue.use(VueRouter) (main.js) import VueRouter from 'vue-router' Vue.use(VueRouter) 3.配置路由 1.创建组件 引入组件 2.定义路由 (建议复制s) const routes = [ { path:

目录 补充: 流式布局样式 Django国际化配置 Django的TODO注释 Vue的ajax插件:axios 安装 配置 如何使用? Vue的cookies插件:cookies 安装: main.js配置 使用 跨域问题(同源策略) 后台处理跨域问题 element-ui插件安装 补充:bootscript导入 配置jQuery 配置BootSript 补充: 流式布局样式 .xxx{ width: 90vh; /* 屏幕宽度 */ height: 100vh; /* 屏幕高度 */ } D

前后台交互方式(重点) """ 1)form表单方式 i)get | post 两种请求方式,get请求包含直接在浏览器中输入url回车后发送的请求 ii)该方式的特点是一定会发生页面的跳转(刷新页面叫本页跳转) - 后台决定页面路由 2)ajax异步方式 i)get | post | patch | put | delete 等众多请求方式,请求的目的都是异步获取后台的数据 ii)该方式的特点是不会刷新页面,只是得到新的数据,前台自己完成页面的局部刷新.整体刷新.页面跳转

axios插件 使用方法: 1)安装:在前端项目根目录下的终端 cnpm install axios 2)项目配置:main.js import axios from 'axios' // 导入axios插件 Vue.prototype.$axios = axios; // 将axios添加到Vue类属性中,类似单例,可以在后面其他组件中使用 3)在任何一个组件的逻辑中,都可访问this.$axios() beforeMount() { // 请求后台 this.$axios({ url: th

vue路由左右侧滑动: 不用安装插件,自带 <template> <transition name="slide"> <music-list :title="title" :bg-image="bgImage" :songs="songs"></music-list> //需要展示的内容 </transition></template> <style

Vue路由 功能就是在不重新请求页面的情况下,更新页面视图: 一.安装: 1)cnpm install vue-router -s 2)依赖:cnpm install 二.设计路由界面: 创建components文件夹,文件夹内分别创建user.Home组件 *user.vue* <template> <div>user</div> </template> *Home.vue* <template> <div>Home</div