4.路由的懒加载
1>什么是路由懒加载
2>懒加载和非懒加载打包区别
3>懒加载的方式
方式一:结合Vue的异步组件和Webpack的代码分析
方式二:ADM写法
方式三:在ES6中,我们可以有更加简单的写法来组织Vue异步组件和Webpack的代码分割
6.路由传递参数
1>准备工作
第一步:创建新的组件P肉file.vue
第二步:配置路由映射
第三步:添加跳转的<router-link>
2>params方式
配置路由格式:/router/:id
传递的方式:在path后面跟上对应的值
传递后形成的路径:/router?id=123,/router?id=abc
3.query方式
配置路由格式:/router,也就是普通配置
传递的方式:对象中使用query的key作为传递方式
传递后形成的路径:/router?id=123,/router?id=abc
4.获取参数
获取参数通过$.route对象获取的
在使用了vue-router应用中,路由对象会被注入每个组件中,赋值为this.$route,并且当路由切换时,路由对象会被更新
5.$route和$router的区别
$router为VueRouter实例,想要导航到不同的URL,则使用$router.push方法
$route为当前router跳转对象里面可以获取name、path、query、params等