子组件代码
updata-is_followed为自定义事件
父组件代码
<!--
模板中的 $event 是事件参数
当我们传递给子组件的数据,既要使用还要修改
传递:props
:is-followed="article.is_followed"
修改:自定义事件
@updata-isfollowed="article.is_followed = $event"
简写方式:在组件上使用 v-model
value="article.is_followed"
@input="article.is_followed = $event"
如果需要修改 v-model 的规则名称,可以通过子组件的 model 属性来配置修改
一个组件只能使用一次 v-model
如果有多个数据需要实现类似于 v-model 的效果,咋办?
可以使用.sync 修饰符
-->
<template>
<follow-user
class="follow-btn"
v-model="article.is_followed"
/>
</template>