在VUE中使用props传值（父组件的值传给子组件）

最新推荐文章于 2022-04-11 18:52:47 发布

没离开过

最新推荐文章于 2022-04-11 18:52:47 发布

阅读量2.1k

点赞数

分类专栏： vue.js 文章标签： vue props

本文链接：https://blog.csdn.net/qq_34129336/article/details/79541447

版权

本文介绍在Vue.js框架中如何通过props属性从父组件向子组件传递数据，包括父组件代码示例和子组件代码注释，以及实际运行效果的截图展示。

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

父组件的代码如下（包含注释）：

<template>
  <div>
    <input v-model="message">                        <!--使用v-model进行双向绑定-->
    <my-button4 :myMessage="message"></my-button4>   <!--然后使用v-bind进行数据绑定，将父组件的message传给子组件，用myMessage接收-->
  </div>