生命周期
路由配置
1.先去下载
npm install vue-router --save
2. 导入路由
import VueRouter from 'vue-router'
Vue.use(VueRouter)
3.配置路由
let vueRouter = new VueRouter({
routes:[
{path:'/',component:HelloWorld},
{path:"/User",component:User},
],
mode:"history",/*不加这个要有#在前面*/
});
new Vue({
router:vueRouter,//配置
el: '#app',
components: { App },
template: '<App/>'
})
5.主页面导入
<router-link to="/">hello</router-link>//链接
<router-link to="/User">User</router-link>
<router-view></router-view>//路由页面