vuejs如何判断父组件

Question

我正在开发一个现有程序，我想知道是否有办法确定哪个是子组件的父组件？换句话说，我想从我收到道具的地方

假设我有 test.vue 组件，目的是确定 title 的值来自哪里

export default {
  props: {
    title: {
      type: String,
      default: ''
    },
  },

Answer 1

您可以使用 $parent :

const app = Vue.createApp({
  data() {
    return {
      msg: "one",
    };
  },
})

app.component('test', {
  template: `
    <div>{{ title }}</div>
    <hr />
    <p>From parent:</p>
    <div>{{ expectedProps }}</div>`,
  props: {
    title: {
      type: String,
      default: ''
    },
  },
  computed: {
    expectedProps() {
      return this.$parent.$data
    }
  }
}) 
app.mount('#demo')

<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<div id="demo">
  <test :title="msg"></test>
</div>

vuejs如何判断父组件

How to determine the parent component - vuejs

javascript

vue.js

vue-component

vuejs2