大前端进阶-11-vue.js-进阶（计算属性，内容分发，自定义事件）

计算属性

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

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

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

内容分发 （重点）

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

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

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

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

自定义事件

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

删除数组元素的方法

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

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