官方文档:https://cn.vuejs.org/v2/guide/routing.html
路由:根据url路径展示页面
以前是后端根据前端请求分配渲染页面,现在是由前端的router配置路由,vue是单页面,用户请求转到首页,首页渲染不同组件,达到了单页面渲染不同页面的需求。
router在index.js里配置。
main.js实例化vue的时候把router传进去就成了。
app.vue
怎么拿到url中的get传值
动态路由匹配:(有很多不同变量要使用同一个模板)
1、index.js中引入路由
注册后就能访问了
除了query外还能:id的方式获取信息,就不用?id=xxx,可以直接/id
mounter(){
console.log(this)
}
this中可以直接输出id
获取id:
假如要做一个功能:展示不同城市的天气,同一个页面渲染,只是城市不同,可以直接传参作为Path,页面内拿到城市名ajax获取数据渲染。
beforeMount()渲染之前ajax
我就十万个问号,axios是什么神仙语法糖…太方便了吧??
await直接就等于$ajax中的async:false,同步。
promise+axios,可以对失败信心做处理。
多个变量
嵌套子路由:
2、点击跳转,
this.$router.push
传参:
等价两个方法
3、命名视图
4、路由元信息
5、过渡动效transition
过度模式: