当前位置: 首页 > Web前端 > vue.js

vue中组件传值

时间:2023-04-01 10:55:48 vue.js

功能:组件间数据传递1.父子传值1.1在子组件中使用父组件的数据使用porps。下图只是最简单的演示。更详细的可以参考官方文档(也可以使用$parent,但是很少用到),1.2获取父组件中子组件的数据——使用ref获取子组件中的实例父组件,从而获取子组件中的数据----使用自定义事件在父组件中获取子组件的数据2.兄弟组件传值----使用evenbus在父组件之间传值祖孙组件总结:以上都是基本的用法,也是比较老的用法,$attrs和$listeners可以在不复杂的项目中使用。复杂的项目可以直接使用vuex