1. <!---index.vue-->
1. <template>
1. <ccc title='title' @diy='diyEvent' aaa='aaa' bbb='bbb'></ccc>
1. </template>
1. <script>
1. export default {
1. methods: {
1. diyEvent(){
1. console.log('this is out diy Event');
1. }
1. }
1. }
1. </script>
1. <!---ccc.vue-->
1. <template functional>
1. <div v-bind='data.attrs' v-on="listeners">
1. <div>{{props.title}}</div>
1. <button @click='listeners.diy'>click</button>
1. </div>
1. </template>
注意:函数式组件没有this,因此无法用$emit触发外部方法,可以直接调用 listeners的事件,即可调用外部方法
