weixin_45980065的博客

笔记

【代码】笔记day8。

在开发的时候先传递自己假的数据进行调试，调试成功以后再用服务器数据。

通过order属性值当中是包含1（综合）| 2（价格）。编程式导航路由跳转【自己跳自己】谁有类名，谁就有箭头。

getFloorList这个action在哪里触发，是需要在Home路由当中发的，不能在Floor组件内部发action，因为需要v-for遍历floor组件。$nextTick：在下次DOM更新 循环结束之后 执行延迟回调，在 修改数据之后 立即使用这个方法，获取更新后的DOM。$nextTick：可以保证页面中的结构一定是有的，经常和很多插件一起使用【都需要DOM存在】切记：仓库当中的state数据格式，不能乱写，数据格式取决于服务器返回的数据。组件通信方式有哪些？v-for也可以在自定义标签中使用。

过渡动画：前提组件|元素务必要有v-if|v-show指令才可以进行过渡动画。在App根组件中发请求【根组件mounted】执行一次。

三级联动用户可以点击的：一级分类、二级分类、三级分类，当你点击的时候，Home模块跳转到Search模块，一级会把用户选中的产品（产品的名字、产品的ID）在路由跳转的时候，进行传递。router-link：当服务器的数据返回之后，循环出很多的router-link组件【创建组件实例，将虚拟DOM转为真实DOM】三级联动：如果使用声明式导航router-link，可以实现路由的跳转与传递参数，但是需要注意，出现卡顿现象。创建组件实例时，一瞬间创建1000+，很耗内存的，因此出现了卡顿现象。

编程式路由跳转到当前路由（参数不变），多次执行会做出NavigationDuplivated的警告错误？“vue-router”: “^3.5.3”，最新的vue-router引入promise。这种方法：治标不治本，将来在别的组件当中push|replace，编程式导航还是有类似错误。通过给push方法传递相应的成功、失败的回调函数，可以捕获到当前错误，可以解决。如果项目过大，组件过多，接口很多，数据也很多，可以让vuex实现模块式开发。为什么编程式导航进行路由跳转的时候，就有这种警告错误呢？

路由组件与非路由组件的区别？路由组件一般放置在pages|views文件夹，非路由组件一般放置在components文件夹中路由组件一般需要在router文件夹中进行注册（使用的即为组件的名字），非路由在使用的时候，一般都是以标签的形式使用注册完路由，不管路由组件还是非路由组件，身上都有$ route、$ router属性$ route：一般获取路由信息【路径、query、params等等】$ router：一般进行编程式导航进行路由跳转【push|replace】