引入
import Vue from 'vue'
import App from './App.vue'
//引入
import VueRouter from "vue-router";
//引入路由器
import router from './router'
Vue.config.productionTip = false
//应用插件
Vue.use(VueRouter)
new Vue({
render: h => h(App),
router:router
}).$mount('#app')
组件 一般组件 路由组件
一级路由 二级路由 新手先写路由规则 再写router-link 最后莫忘记router-view 否则不显示
传参:query (字符串写法,对象写法) params 参数
命名路由 当路径过长时再起名字
当使用params时 用对象写法的时候 不可以用path: 必须用name
props 出现为了多参数时 三种写法:
//props的第一种写法
// props:{a:1,b:'hello'}
//props的第二种写法 会将该路由所收到的params 的所有参数传给组件 query的不收
// props:true
router-link的replace 属性 编程式路由导航:不借助实现路由跳转,让路由跳转更加的灵活 缓存路由keep-alive《router-view 其中innclude 可以包含缓存谁 :include['',''] 两个路由组件特有的生命周期钩子 activated(),deactivated()