Vue-router相关

vue-router

1. 安装:
   安装脚手架是默认已经安装和配置好vue-router

2. 使用步骤：
   ①：首先创建一个组件
   ②：router文件中的router.js中定义一个配置信息

   {
   	path:"/list",
   	name:"路由别名",
   	component:()=>import(组件地址)
   }
   

   浏览器中访问地址localhost:8080/list

3. vue-router模式
   分为hash模式和history历史模式，默认是hash模式
   hash模式 localhost:8080/#/list 路由地址在#/后写才会有用，若果是 localhost:8080/list/#/ 的话则还是默认页面
   history模式 localhost:8080/list 路由地址直接写入

4. vue-router模式改变
   vue-router模式改变需要在router文件的router.js中进行更改

   import Vue from 'vue'
   import VueRouter from 'vue-router'
   //更改为history模式
   model:"history"
   const routes = [
   
   ]
   const router = new VueRouter({
    routes
   })
   
   export default router