Vue组件传参（详细）

Vue组件传参

提示：小伙伴们，每天都要提升自己哦

---

---

前言

在学习父子组件传参之前，你应该先学习组件注册。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、父子组件传参

在父子组件的嵌套页面里， 有时候业务的需要，子组件需要 父组件的参数

1： 新建一个子组件：Children1.vue

// 全部的代码
<template>
    <div>
      <div>
        <p>这是子组件1，接收父亲的值</p>
        <p>{
   {
   fatherMsg}}</p>
      </div>
    </div>
</template>

<script>

export default {
   
  name: "Children1", //子组件名称
  props:['fatherMsg'], //声明在子组件中，用来接收父组件传递进来的参数
  data() {
   
    return {
   
    }
  }
}
</script>

<st