标签：axios VSCode route vue import Home 初始 页面

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

    

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

标签：axios,VSCode,route,vue,import,Home,初始,页面
来源： https://www.cnblogs.com/unique-tongxue/p/15244682.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。