Vue实战记录（2）

2019.10.2----路由组件、静态布局

1、继续使用vant完成部分页面布局以及手写一个页面布局，对于vant需要现在main.js里面进行全局注册

 

 2、对于需要重复出现在多个页面的部分进行独立成公共组件，建立好组件之后在main.js里面进行全局注册，然后那里需要就在哪里使用。注册全局组件如下

 

 3、路由嵌套，某个路由组件下面还有<router-view>时，建立的路由列表要注意是一级还是二级，是应在存在于哪个<router-view>中 

例如我建立的商品详情组件 是属于一级<router-view>里面，那么router.js里面路由映射列表就需要在一级下，此点虽然简单，但还是要注意一下

4、明白了一点就是其实整个静态布局过程很简单

路由组件放在views文件下（index.vue自动找到）  、公共组件放在components文件下（既可注册为全局组件，也可注册为局部组件）、router里面建立路由列表，将路由组件映射到对应的路由，在组件里面进行路由跳转，可以<router-link>也可以编程式导航。

2019.10.2-----一点一滴记录学习

 1、当使用路由参数时，原来的组件实例会被复用（两个路由渲染同一个组件，比起销毁组件再创建，复用更加有效率）。

复用组件时候，想对路由参数的变化作出响应的话，利用watch（监测变化）$router对象

 

这里有一个小点：在data里面定义（数据尽量放在data里面）