Necesito importar el componente A con accesorios y pasarlo a otro componente B. Debe renderizarse en el componente B.
import MyComponent from '/MyComponent.vue' computed: { compnt: function () { var comp = MyComponent // How can I set props to MyComponent? return comp } }¿Qué debo hacer para configurar accesorios en el componente A?
Si solo desea compartir datos entre componentes, es mejor usar vuex . Puede definir una variable en el state como este
# store/store.js //... state: { count: 0 } // ...Y úsalo en cualquier componente que quieras así.
<template> <span>{{ count }}</span> </template> <script> export default { // ... computed: mapState(['count']) // ... } </script>Puedes seguir este tutorial para más información
Si desea compartir los datos entre componentes, puede usar la siguiente solución
Cree el archivo EventBus.js
import Vue from 'vue'; export const EventBus = new Vue();En su archivo de componentes, use el siguiente código
import { EventBus } from "../EventBus.js"; export default { mounted() { var myData = "Hi"; EventBus.$emit("sendIndex", myData ); }; }, };Acceda a sus datos en el componente como
import { EventBus } from "../EventBus.js"; export default { mounted() { EventBus.$on('sendIndex', data => { console.log(data) }); }, };