如何在Vue.js的脚本部分设置组件的props(不需要渲染)

Question

我需要用props导入组件A，并将其传递给另一个组件b。它必须在组件b中呈现。

import MyComponent from '/MyComponent.vue'
computed: {
compnt: function () {
var comp = MyComponent      
// How can I set props to MyComponent? 
return comp 
}
}

如何设置组件A的props ?

Answer 1

如果您只想在组件之间共享数据，最好使用vuex。您可以在state中定义如下的变量

# store/store.js
//...
state: {
count: 0
}
// ...

在任何你想要的组件中使用

<template>
<span>{{ count }}</span>
</template>
<script>
export default {
// ...
computed: mapState(['count'])
// ...
}
</script>

您可以按照本教程了解更多信息

Answer 2

如果你想在组件之间共享数据，你可以使用下面的解决方案

创建EventBus.js文件

import Vue from 'vue';
export const EventBus = new Vue();

在组件文件中使用下面的代码

import { EventBus } from "../EventBus.js";
export default { 
mounted() {
var myData = "Hi"; 
EventBus.$emit("sendIndex", myData );
};
},
};

以

方式访问组件中的数据

import { EventBus } from "../EventBus.js";
export default { 
mounted() {
EventBus.$on('sendIndex', data => {
console.log(data)
});
},
};