组件间方法传递和响应(重要)

1、子组件通知父组件某时执行父组件的函数

父组件 

组件间方法传递和响应(重要)_第1张图片

组件间方法传递和响应(重要)_第2张图片

当子组件emit时,父组件clickEven函数就执行了

子组件

组件间方法传递和响应(重要)_第3张图片

———————————————————————————————————————————

2、父组件通知子组件某时执行自己的一个函数

父组件

组件间方法传递和响应(重要)_第4张图片

一定要有nextTick

组件间方法传递和响应(重要)_第5张图片

子组件

定义好initialize函数,一定要记得暴露!!!

组件间方法传递和响应(重要)_第6张图片

———————————————————————————————————————————

3、自定义组件的代代传递,触发父组件的方法

父组件     给子组件绑定函数

组件间方法传递和响应(重要)_第7张图片

子组件     接受

在需要的地方直接触发,此时父组件就会执行getAdminstratorListWrap方法

 组件间方法传递和响应(重要)_第8张图片

孙子组件也可以让父组件触发getAdminstratorListWrap方法,可以代代传递

孙子组件

组件间方法传递和响应(重要)_第9张图片

组件间方法传递和响应(重要)_第10张图片

你可能感兴趣的:(前端新人,前端,vue.js)