vue-router 第一篇,一级路由使用

vue-router github  地址 https://github.com/vuejs/vue-router

现在安装模板自带选择是否安装,因此不用单独安装

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)

const first ={
	template:'
first 内容
' } const second ={ template:'
second 内容
' } const Home ={ template:'
home 内容
' } const router = new VueRouter({ mode:'history', base:__dirname, routes:[ {path:'/',component:Home}, {path:'/first',component:first}, {path:'/second',component:second}, ] }) new Vue({ router, template:` <\h1>导航<\/h1> <\ul> <\li>Home<\/li> <\li>First<\/li> <\li>Second<\/li> <\/ul> <\router-view><\/router-view> ` }).$mount('#app')

*部分内容参考的腾讯课堂wos老师的视频,交流心得,勿喷。

随机浏览