VUE axios 和 VUE router的使用

VSCode的axios使用

1. 安装AXIOS组件 在终端里运行 npm install axios -S

   这显示的就是我们已经安装的依赖,显示axios以后我们就可以正常使用了

    

    

    

2. 打开main.js 通过 import axios from 'axios' 引入

3. 通过 Vue.prototype.$axios = axios; 挂载到 VUE的原型链上 (全局使用)

    

    

    

4. 使用方法：任何页面使用是 this.$axios.get 或 post

             

 

 

VSCode的Router使用

1. <router-view/>默认的路由是

   import Home from '../views/Home.vue'
   const routes = [
     {
       path: '/',
       name: 'Home',
       component: Home
     }
   ]

   所以每次直接运行的时候就是通过APP.vue页面来显示,当我们想要更改默认页面时就要修改对应的代码

   const routes = [
     {
       path: '/',
       name: 'Login',
       // route level code-splitting
       // this generates a separate chunk (about.[hash].js) for this route
       // which is lazy-loaded when the route is visited.
       component: () => import(/* webpackChunkName: "about" */ '../views/Login.vue')
     }
   ]

   这样就可以路由到我们设置的页面了

2.