Vue-Router 安装与配置

安装axios

cmd

cnpm i axios -S

main.js -->

import axios from 'axios'
Vue.prototype.axios = axios

Vue-Router 安装

cnpm i vue-router@3.5.3 -S

src–> 新建router文件夹–> 新建index.js–>配置

import  Vue from 'vue'
import Router from 'vue-router'
import Home from '../components/Home.vue'

Vue.use(Router)

export default new Router({
    routes:[
        {
            path:'/',
            component:Home
        }
    ],
    mode:'history'
})

链接: linkhttps://blog.youkuaiyun.com/qzw752890913/article/details/123677375
路由的搭建步骤：

1. 安装vue-router@3。
2. 创建组件。包括一般组件和路由组件（components、pages）。
3. 创建路由器，配置路由规则（router/index.js）。
4. 注册路由（main.js）。
5. 使用路由（routerLink、routerView）。

注册路由（main.js）

**import router from "./router";**

new Vue({
  render: h => h(App),
  **router**
}).$mount('#app')

使用路由：标签实现切换，指定展示位置。