Props 传参使用

1.子组件使用props定义参数，传递动态参数title

子组件 Footer

<template>
  <div class="footer">
    <p>{{ title }}</p>
  </div>
</template>

<script>
export default {
  props: {
    title: String,
  },
};

2.父组件动态绑定子组件title参数，自定义数据

父组件 MyHome

<template>
  <div class="home">
    <div class="menu">
    </div>
    
    <MyFooter :title="homeTitle" />
    
  </div>
</template>

<script>
import MyFooter from "./MyFooter.vue";

export default {
  components: {
    MyFooter,
  },
  data() {
    return {
      {
      homeTitle: "首页底部"
      }

    };