vue.js - Vue 为什么在组件上未定义 Prop

Question

我尝试使用 props 将数据传输到我的组件如果我在父项中键入名称，我会看到按钮工作正常，即问题出在组件上。我哪里错了？

提前致谢

父级:

HTML

<div><button @click="changeName" :name="name">Change my name</button></div>

脚本:

import UserDetail from "./UserDetail.vue";
export default {
  components: {
    UserDetail,
    UserEdit,
  },
  data() {
    return {
      name: "Eden",
    };
  },
  methods: {
    changeName() {
      this.name = "EdenM";
    },
  },
};

组件

<template>
  <div>
    <p>{{ name }}</p>
  </div>
</template>

<script>
export default {
  props: ["name"],
};
</script>

Answer 1

呜呜呜!!我把 Prop 加错地方了!这是我的回答:

   <user-detail :name="name"></user-detail>