vue-router 安装使用

vue-router 使用

ctrl+`打开终端 输入 cnpm install vue-router 或者 npm install vue-router

vue-router 安装使用_第1张图片

创建一个页面
vue-router 安装使用_第2张图片

在src下新建 router.js 文件并输入

import Vue from ‘vue’
import VueRouter from ‘vue-router’
Vue.use(VueRouter)
import Home from ‘./views/Home/’
export default new VueRouter({
//配置路由信息
routes:[
{
path:’/’,
redirect:’/home’//默认加载路径
},
{
path:’/home’,
component:Home
}
]

})vue-router 安装使用_第3张图片

在main.js实例中添加router

vue-router 安装使用_第4张图片

引入
vue-router 安装使用_第5张图片

运行即可完成

你可能感兴趣的:(vue-router 安装使用)