在父组件中改变子组件里的数据
ref属性应用和传值
父组件
子组件
ref的基本应用：https://blog.csdn.net/wh/article/details/
一、父组件向子组件传递数据
在 Vue 中，可以使用 props 向子组件传递数据。
父组件部分：使用 v-bind 将值绑定上
子组件部分：
从父组件接收值，就需要使用 props: ['inputName']
在 props 中添加了元素之后，就不需要在 data 中再添加变量了。
总结：在一个页面里，我们从服务器请求了很多数据，其中一些数据并不是页面的大组件来展示，而是让子组件来展示的。
所以需要父组件将数据传递给子组件（大组件请求数据，子组件用来展示）。
二、子组件向父组件传递数据
子组件主要通过事件 向父组件传递数据
1，子组件通过$emit()来触发事件
2，在父组件里，通过v-on自定义事件来监听
子组件部分：
首先声明一个事件方法 ，在事件里使用 $emit 来定义一个 要传递的方法，并带上值。
父组件部分：
在父组件中，声明一个方法childValClick，获取子组件传递的参数
https://www.cnblogs.com/wisewrong/p/6834270.html
总结：我们整个操作的过程还是在子组件中完成，但是之后的展示交给父组件，
这样，就需要把子组件的值传递给父组件 。
三、兄弟组件传递数据
1，使用vuex来传值
2，定义一个“中转站”（新的vue实例）来传值
https://www.jb51.net/article/115151.htm
https://zhuanlan.zhihu.com/p/
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/153757.html