vue中组件通信那种方式用的比较多_Vue 组件通信方式及其应用场景总结(1.5W字)...

前言

相信实际项目中用过vue的同学,一定对vue中父子组件之间的通信并不陌生,vue中采用良好的数据通讯方式,避免组件通信带来的困扰。今天笔者和大家一起分享vue父子组件之间的通信方式,优缺点,及其实际工作中的应用场景

首先我们带着这些问题去思考

1 vue中到底有多少种父子组件通信方式?

2 vue中那种父子组件最佳通信方式是什么?

3 vue中每个通信方式应用场景是什么?

一 prop

1 基本用法

prop通信方式大家最常见的,也是最常用的父子组件通信类型,我们可以直接在标签里面给子组件绑定属性和方法,对于属性我们可以直接通过子组件声明的prop拿到,对于父元素的方法,我们可以通过 this.$emit触发

我们先简单写一个props父子组件通信的场景

父组件