Vue中$refs、$emit、$on、$once、$off如何灵活运用？
- 内容介绍
- 文章标签
- 相关推荐
本文共计705个文字，预计阅读时间需要3分钟。
1. 使用$refs的场景：父组件调用子组件的方法，传递数据。 父组件： 子组件： javascript import ChildA from './child.vue' export default { // ... }
1.$refs的使用场景
父组件调用子组件的方法，可以传递数据。
父组件：
<div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button> <div> <script> import ChildA from './child.vue' export default{ components:{ ChildA }, data(){ return { msg:'我是父组件的数据' } }, methods:{ getMyEvent(){ //调用子组件的方法，child是上边ref起的名字，emitEvent是子组件的方法。
本文共计705个文字，预计阅读时间需要3分钟。
1. 使用$refs的场景：父组件调用子组件的方法，传递数据。 父组件： 子组件： javascript import ChildA from './child.vue' export default { // ... }
1.$refs的使用场景
父组件调用子组件的方法，可以传递数据。
父组件：
<div id="app"> <child-a ref="child"></child-a> <button @click="getMyEvent">点击父组件</button> <div> <script> import ChildA from './child.vue' export default{ components:{ ChildA }, data(){ return { msg:'我是父组件的数据' } }, methods:{ getMyEvent(){ //调用子组件的方法，child是上边ref起的名字，emitEvent是子组件的方法。