Vue Js的子级到父级自定义事件

Question

实际上，在Vue-js-2 cli项目中，我很难在子组件与父组件之间传输信息。

所以我有一个弹出模式，当数据为真时会出现<component v-if="profile" />这个弹出窗口包含我的子组件(配置文件页面(现在我应该如何关闭这个弹出窗口？我加了一点"；十字图标"；所以我需要在点击事件上对父级说this.profile = false

我确信我需要在$emit事件中执行此操作，但不了解如何在自定义子事件中修改来自父级的数据。。。谢谢你的帮助！

Answer 1

有两个选项可以满足您的需求：

选项1：v型

你可以参考v型

<component v-model="value">

这相当于(在大多数情况下(

<component v-bind:value="data" v-on:change="data = $event">

选项2:v-bind:value.sync

v-bind的sync修饰符是如何实现双向数据传输的。但事实上，这些表达式是事件处理的语法糖。

<component v-bind:value.sync="data">

相当于

<component v-bind:value="data" v-on:update:value="data = $event">