自定义事件

自定义事件

自定义事件

@AAA="fn1"：向子组件的事件池中注入AAA事件，方法是父组件的fn1

发布订阅：子组件某个操作把父组件中的某个方法执行了

参数可以传多个

$listeners*

$listeners：事件池中的方法

{ aaa:fn1, bbb:fn2 }，拿到的是一个函数，这样可以拿到函数的返回结果

.native

.native：给组件的dom el加事件

此时就必须是浏览器标准事件，否则没效果

组件的v-model*

给组件传递了value属性，并且往事件池中注入了input事件

改变model配置

子组件通知父组件的方法执行，还可以传递一些值

点按钮干什么：通过指定自定义事件你传进来，传进来什么就做什么

别人调用我封装好的组件的时候，通过v-on往我的事件池里面放很多东西，某个阶段事件执行传一些值，我组件内部把传过来的事件和方法执行，还能把值传给父亲，父亲方法执行。

ref

视图渲染完成，最早mounted钩子（包括beforeUpdated/updated可能不是最新的但是能拿到）里才能拿到

$refs对象：

• 设置的ref属性值作为成员
• 真实的dom元素

当与v-for连用的时候，其值是一个数组

（函数组件中是undefined）

父组件拿到子组件的实例：可以调任何一个方法，任何一个状态

有那么几个方法是给父组件用的，form：validator clear，把方法暴露出去。提高可扩展性和复用性

获取到的组件实例：

$parent：操作父组件上的方法和状态

$root 根组件实例 main.js中new Vue的实例

$children