element中有“事件”和“方法”的说明，但是不是很理解

Question

如图，事件和方法。这两个除了一个是使用“：事件” “@方法” 调用有什么区别以外还有什么区别？有没有能详细说明的呢？

Answer 1

1、使用 ":" 的方法是子组件通过 props 进行绑定，父组件主动触发
2、使用 "@" 的方法是子组件通过 emit 向父组件发起事件，父组件被动触发

Answer 2

组件方法是主动调用的
组件事件是监听的

<el-input ref="input" @blur="handlerBlur" />
...
mounted(){
    this.$refs.input.focus()
}
methods:{
    handlerBlur(e){
        //todo
    },    
}