自定义指令/事件

指令

https://v3.cn.vuejs.org/guide/custom-directive.html#简介
自定义focus，自定义的前面要加个v-
//让输入框聚焦

全局：
app.directive("focus", {
  mounted(el) {
    el.focus();
  },
})
局部：

事件($emit)，一般是用于子组件触发父组件的特定事件

1. 为子组件添加一个自定义的触发事件

Father.vue
  //如果要接受参数，这里就不要加括号，推荐不加括号

methods: {
  handler(data) {  //如果有参数，在这里接收
    alert('子组件触发了我')
  }
}

2. 由子组件来触发这个自定义的random事件

Son.vue
触发父组件方法

【1】可有可无，有：

1. 不检验：emits: ["random"] //把事件罗列出来
2. 检验:

emits: {
  random: (params) => {
    //一些操作，random事件先来到这里检验（一般是检验参数是否符合规格），然后再执行绑定的事件(即Father.vue中的handler方法)
  }
}