0
点赞
收藏
分享

微信扫一扫

大前端进阶-11-vue.js-进阶(计算属性,内容分发,自定义事件)

kmoon_b426 2022-01-17 阅读 75

计算属性

计算出来的结果保持在属性中,内存中运行:虚拟Dom。
其实,本质是一个属性,但是内部相当于一个函数来计算,再把计算的结果缓存起来。

注意:methods和conputed中的方法名最好不重名,重名的话methods优先级更高

使用computed相当于缓存,减少系统开销

内容分发 (重点)

元素作为承载分发内容的出口。作者称其为 插槽,可以应用在组合组件的场景中。

使用地方 是组件和组件之间

就是在页面中溜了一部分空白地,还不确定,可以随意插入内容。

举例:代办事项组件todo = 标题tydo-title + 内容 todo-items 组成。
\ 表示换行的意思

自定义事件

由于 当前组件可以调用自己组件的方法,不能调用vm中的方法

那组件如何删除vue实例中的数据呢?那就设计到了参数传递(props)和事件分发(this.$emit(‘自定义事件名’,参数) )了

原理:在组件中定义一个 事件,然后绑定一个原生的事件上,然后再在外部引用这个定义的事件,去关联vm中的方法

举报

相关推荐

0 条评论