vue 大型电商项目尚品汇(后台篇)day01
开始我们后台篇的内容,前面处理了一些事情,去学校完成授位仪式,由校长授位合影,
青春不留遗憾,然后还换了一个电脑,征战了四年的神船终于退役了,各种各样的小毛病是
真的烦人。
现在正式开始后台篇的内容,做了今天总体的感觉后台部分大难度没有,但是要考虑一点
就是对于 elementUI 的熟练程度,要把这个练得比 bootstrap 还熟悉,虽然 bootstrap 也没有
多熟悉,但是这个必须熟悉,毕竟工作用得多
一.组件通信高级(面试必备)
1.复习
复习一下目前已经学习过的组件通信
props:父给子传,但是需要注意的是父给子传的是函数那么这是自定义事件的前兆,只
有当父给子传的是非函数才是 props 传递数据,他有三种书写方式:数组、对象(具体类型
type)、对象(默认值 default),注意我们的路由也有 props 也是用来传递数据的,三种方式
布尔值(接受所有的 params 参数)、对象形式(可以传递指定的参数),函数形式(形参
$route,就可以接受 query 参数了),他们三个都是给这个路由组件传递参数且组件也要用
props 来接受
自定义事件:适用于子给父传,父在子的组件标签写上自定义事件回调函数等,子这边规
定触发方式并使用 api emit 来发送数据,和全局事件总线相比就是省略了$on 这一步
全局事件总线$bus:适用于任何组件通信
消息订阅与发布(pubsub-js):适用于任何组件
vuex:适用于任何组件
插槽:使用于父子间,而且一般是与结构有关的
2.自定义事件深入
原生 DOM 绑定原生事件,正常绑定即可
如果这个时候他有一个子组件,也来一个点击事件,你会发现触发不了