尽量避免使用这种方式。因为在父子组件通信的过程中。父组件是处于高位是拥有控制权，而子组件在多数情况下应该为纯视图组件，只负责视图的展示和自身视图的逻辑操作。对外交互的权利应该由父组件来控制。所以应当由父组件传递视图数据给子组件，子组件负责展示。而子组件的对外交互通过$emit触发父组件中相应的方法，再由父组件处理相应逻辑。
<template> <div> <h2>父组件</h2> <br> <Child-one ref="child"></Child-one> </div> </template> <script> import ChildOne from './ChildOne'; export default{ components: { ChildOne, }, mounted(){ console.log(this.$refs['child']); }, }; </script> <style scoped> </style>
this.$refs['child']
总结
以上所述是小编给大家介绍的Vue父子组件之间的通信，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: