3、组件自定义事件 　　1）、大小写的问题　　vue官网很是强调这个问题呀，基本能说一次的都要说一次。中心思想就是要你使用kebab-case的命名方式。当然，希望大家注意，指的是事件名，而不是方法名。举一个简单的栗子吧 <base-span @my-event="fun1"> ...

官方给出prop例子 自定义事件 不同于组件和 prop，事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子，如果触发一个 camelCase 名字的事件： this.$emit('myEvent') 自定义组件 ...

顾名思义就是一个槽，可以嵌入各种各样的东西 Vue的插槽就是一个slot标签，可以在这个定义了插槽的组件中插入其他的组件 但是有一点很重要：使用插槽的组件必须要用div标签一个根标签包裹，否则无效 效果： 自定义事件： 组件中的事件与要执行的方法是在这个组件对象中 ...

一，slot（插槽） 　　通俗的说：就是组件嵌套组件，被嵌套的组件插到相应的插座上 小结：组件嵌套组件，插头（子组件）插插座（父组件的允许你插的地方） 二，自定义事件内容分发 　　 描述：首先，要知道Vue对象和组件两者是平行的关系，并不能直接的互相调用，需要 ...

由于 slot 标签会被完全替换掉，那么我们只需要在 slot 标签外部嵌套一个 div 标签即可，比如： 这样，我们就间接地位这个插槽的内容添加了类（其它属性同理）。 其次，v-if 和 v-else 等可以使用在 slot 标签上，因为是不会被渲染到浏览器上的，因此无需在该 slot 标签 ...

vue的自定义事件非常有趣，大意为子组件使用了一个事件，比如click然后产生了一个效果，这样的效果便可以为自定义事件了。然后将这样的效果命名放入父组件中，当做一个事件来触发，每当这样的效果发生一次时，这样父组件的事件也被触发了，即可以产生另一种效果，这样可以加强这两个效果的紧密联系，并且这样有趣 ...

前面的话 　　父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件 事件绑定 　　每个 Vue 实例都实现了事件接口 (Events interface)，即 　　[注意]Vue 的事件 ...

前面的话 　　父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件 事件绑定 　　每个 Vue 实例都实现了事件接口 (Events interface)，即 　　[注意]Vue 的事件 ...