vue的父子组件之间的通信详解

最新推荐文章于 2023-05-30 17:23:54 发布

ε柠栀

最新推荐文章于 2023-05-30 17:23:54 发布

阅读量548

点赞数

分类专栏：前端文章标签： vue vue父子组件通信绑定变量

本文链接：https://blog.csdn.net/ningyuxuan123/article/details/121544341

版权

本文详细解析Vue框架中父子组件如何进行通信。包括父组件如何向子组件传递数据，以及子组件如何通过$emit事件改变父组件的值，实现双向数据流动。

摘要由CSDN通过智能技术生成

vue的父子组件之间的通信详解

一、父组件给子组件传值

父组件引入子组件，并对子组件进行监听

<!-- 父组件 -->

<template>
  <div>
    <h1>我是父组件！</h1>

    <!-- 用一个变量进行动态赋值。-->
    <child :message="msg"></child>  父组件监听子组件的变量
  </div>
</template>

<script>
import Child from '../components/child.vue'
export default <

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ε柠栀

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vue的父子组件之间的通信详解

vue的父子组件之间的通信详解一、父组件给子组件传值父组件引入子组件，并对子组件进行监听<template> <div> <h1>我是父组件！</h1>  <child :message="msg"></child> 父组件监听子组件的变量 </div></template>
复制链接

扫一扫