时间：2024-09-23 16:03:07
vue组件传参
Vue组件传参主要有以下几种方式：
1. 父传子：父组件传递数据给子组件，子组件通过props来接收。这些数据是只读的，不能修改。
例如，在App.vue中传递一个数值5给子组件CounterCom，那么在CounterCom.vue中可以通过props来接收这个数值。
2. 子传父：子组件传递数据给父组件，通过$emit方法发射数据。其中，$emit中第一个参数为事件名，第二个参数为事件值。
例如，在子组件CounterCom中，可以通过$emit方法发射一个事件'counterchange'，并传递当前的计数器值。在父组件App.vue中，可以通过绑定'counterchange'事件来接收这个值。
3. 发布订阅模式：这种模式可以用于父传子，子传父或者兄弟之间传参。需要引入pubsub.min.js。发布消息时使用PubSub.publish方法，订阅时使用PubSub.subscribe方法。
例如，在coma组件中，可以通过PubSub.publish方法发布一条消息'send'，传递的信息为'我是coma传过来的消息'。在comb组件中，可以通过PubSub.subscribe方法订阅这条消息，并将其显示在界面上。
4. v-model：在vue3中，可以使用v-model进行父子组件传参并且修改。但是它对定义方法的名称是规定死的。
《vue组件间的参数传递》不代表本网站观点，如有侵权请联系我们删除
精彩推荐
点击排行
