VueRouter下载
npm install vue-router --save || npm i vue-router -S
淘宝镜像下载:
cnpm install vue-router --save || cnpm i vue-router -S
安装淘宝镜像:
npm install cnpm -g --registry=https://registry.npm.taobao.org
VueRouter的使用
在src里创建 router文件夹并创建js文件
import Vue from 'vue'
import VueRouter from "vue-router";
const Home = () => import('../views/home/Home') //懒加载写法
Vue.use(VueRouter) //安装 router
const routes =[{
//重定向,指向 home页面
{
path:"",
redirect:"/home"
},
}]
创建router
const router = new VueRouter({
routes,
mode:history //去除网址自动生成的 #
})
export default router //导出 router 是其他地方能调用
在main.js里启用
import router from "./router";//声明 router