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

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

     VSCode初始页_原型链

     

     

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

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

     VSCode初始页_其他_02

     

     

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

             VSCode初始页_其他_03

 

 

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')
  }
]

     

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