Estoy trabajando en un programa existente y quiero saber si hay una forma de determinar cuál es el componente principal del componente secundario . En otras palabras, quiero darme cuenta de dónde estoy recibiendo los accesorios.
Suponiendo que tengo el componente test.vue y el propósito es determinar el valor del title de donde proviene
export default { props: { title: { type: String, default: '' }, },Puedes usar $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>