admin管理员组

文章数量:1130349

vuejs

父组件调用子组件

    1 在父组件的子组件标签上写上ref属性 ref="child"

    2 然后通过 ( this.$refs.child.xxxFn()  ) this.$refs.child 调用子组件的相应方法

 子组件调用父组件

    1 在父组件的子组件标签上写上，比如@childFn="fatherFn"进行事件绑定

    2 在父组件的methods里面实现fatherFn方法

    3 在子组件里使用 this.$emit('childFn',参数)来调用父组件的fatherFn方法就行了
           

单参数的时候：fatherFn接收到的第一个参数就是，子组件传过来的那个参数。多参数的时候：fatherFn接收到的argumnets参数是一个数组，内容是子组件传来的多个参数

父子组件有两种写法。

HTML。只需要一个文件即可实现父子组件。

并不提倡使用，学了没有什么意义。

vuejs  webpack下的文件需要路由。视图和vue文件

实现上图的效果。首先需要在文件中增加路由。然后创建一个父文件和一个子文件。

 



 

vuejs

父组件调用子组件

    1 在父组件的子组件标签上写上ref属性 ref="child"

    2 然后通过 ( this.$refs.child.xxxFn()  ) this.$refs.child 调用子组件的相应方法

 子组件调用父组件

    1 在父组件的子组件标签上写上，比如@childFn="fatherFn"进行事件绑定

    2 在父组件的methods里面实现fatherFn方法

    3 在子组件里使用 this.$emit('childFn',参数)来调用父组件的fatherFn方法就行了
           

单参数的时候：fatherFn接收到的第一个参数就是，子组件传过来的那个参数。多参数的时候：fatherFn接收到的argumnets参数是一个数组，内容是子组件传来的多个参数

父子组件有两种写法。

HTML。只需要一个文件即可实现父子组件。

并不提倡使用，学了没有什么意义。

vuejs  webpack下的文件需要路由。视图和vue文件

实现上图的效果。首先需要在文件中增加路由。然后创建一个父文件和一个子文件。

 



 

本文标签： vuejs

版权声明：本文标题：vuejs 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/IT/1687200332a75418.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。