vue 动画自定义事件

Question

不太熟悉vue，不知道这段代码是什么意思？

来自于 nutui：（https://github.com/jdf2e/nutu...）
的 popup 组件，我知道 emit 是自定义事件，但是为什么我没有找到 opened 方法呢？

Answer 1

你说你知道emit是自定义事件，但是你又不理解为啥找不到opened方法，说明你对emit理解的还不够，opened方法是你在调用这个组件的时候可以传递进来的如：

<nut-popup @opened="fun" />

Answer 2

vue动画过渡的钩子：

attribute 中声明 JavaScript 钩子

v-on:after-enter与@after-enter，是一样的；

<transition
    v-on:before-enter="beforeEnter"
    v-on:enter="enter"
    v-on:after-enter="afterEnter"
    v-on:enter-cancelled="enterCancelled"
    v-on:before-leave="beforeLeave"
    v-on:leave="leave"
    v-on:after-leave="afterLeave"
    v-on:leave-cancelled="leaveCancelled" >
    <!-- ... -->
</transition>

Answer 3

1.@after-* 指生命周期的钩子，这边指开始和结束的事件绑定
2.$emit 指调用父级绑定在组件上的函数，需要在父级找