vue小技能：组件间的数据传递

Posted 2022-08-05 iOS逆向

文章目录

• 引言
• I 通过 Prop 向子组件传递数据
• II Provide / Inject(父组件作为其所有子组件的依赖提供者)
• III 子组件调用 `$emit` 方法来将数据传递给父组件。
• • 3.1 调用内建的 `$emit `方法传入事件名称来触发一个事件
  • 3.2 子组件通过`this.$emit`来触发一个事件，将数据传递给父组件
• IV 自定义输入组件（组件中实现 v-model ）
• • 4.1 前置知识
  • 4.2 父组件监听自定义事件进行 v-model 的数据绑定
  • 4.3 子组件通过监听input事件触发自定义的 `update:modelValue `事件
  • 4.4 子组件通过计算属性触发自定义的 `update:modelValue `事件
  • 4.5 自定义v-model修饰符
• V 非 Pr