自定义组件的事件

的步骤：

1.确定事件类型，并在自定义组件内声明原生事件

2.在原生事件的事件函数中使用this.$emit('eventName',args) 触发当前组件上绑定的事件

3.在组件的实现标签上（在使用组件的地方），声明自定义事件，绑定事件函数

    @dianji="submit"

    @dianji声明自定义事件

    submit绑定事件函数

------------------------------------------------

自定义组件

1.创建组件xx.vue

2.引入组件import

3.注册组件components

属性名可以自定义!

自定义组件上的是事件 也是 自定义 的!

<my-button

@click=""

></mybutton>

事件名可以自定义的

@abc=“”

@dianji=“”

你设计这个组件 你就要告诉别人你有哪些属性，你有哪些事件！

子组件通过 $emit，自定义事件

操作如下：

在Button.vue写一个真正的点击事件@click="handleClick"

在methods方法中心，写一个方法：

    methods:{
        handleClick(){
            console.log('ok')
        }
    }

如果我们设计的这个Button.vue组件，将来是给别人用的，这个点击事件，里面

具体的内容，是要写在 你使用组件的地方！！

因为

所有的业务逻辑，全部由 使用者 完成。

所以点击事件 要 写在 当前的app.vue 中。

我们真正的点击的 业务逻辑 是在使用者app.vue上的这里 @danji="submit"

这个点击事件，具体做什么事情submit，具体在使用者app.vue的方法中心methods中

“你去做你自己的事情”！！我们在方法中心，可以任意写我们自己想要去做的事情！！！

在使用者身上，复用组件，

点击@danji="tj",调用方法中心的另外一个方法，去做另外一件事情！！！

关于elementui和 vantui组件库，设计的每一个组件，都由 属性 和 事件构成。

参见，各自官网，查看比对即可

elementui

https://element.eleme.cn/#/zh-CN/component/select

vantui

https://vant-contrib.gitee.io/vant/#/zh-CN/radio