【day4】尚品汇

复习
1)商品分类的三级列表由静态变为动态形式【获取服务器数据:解决跨域问题】
2) 函数防抖与节流【面试频率很多】
3)路由跳转:声明式导航(router-link)、编程式导航
编程式导航解决这个问题:自定义属性

  1. 开发Search模块中的TypeNav商品分类菜单(过渡动画效果)
    过渡动画:前提组件元素务必要有v-if|v-show指令才可以进行过渡动画

  2. 现在咱们的商品分类三级列表可以进行优化?
    就是将仓库放在APP.vue下,因为他只执行一次
    在App.vue根组件当中发请求【跟组件mounted】执行一次
    为什么不放在main.js中呢? 因为main.js的this没有$store(虽然main.js只执行一次)

  3. 合并params与query参数?

  4. 开发Home首页当中的ListContaiiner组件与Floor组件
    但是这里需要知道一件事情:服务器返回的数据(接口)只有商品分类菜单分类数据,对于ListContainer组件与Floor组件数据服务器没有提供的。
    mock数据(模拟):如果你想mock数据,需要用到一个插件mock.js

使用步骤:
1)在项目当中src文件夹中创建mock文件夹
2)第二部准备JSON数据(mock文件夹创建相对应的JSON文件)
3) 把mock数据需要的图片放置到public文件夹中【public文件夹在打包的时候,会把相应的资源原封不动打包到dist文件夹】
4)第四步开始mock(虚拟的数据),通过mockjs模块实现

你可能感兴趣的:(vue.js,javascript,前端)