Vue.js 是否有方法将组件的实例传递给另一个组件?

Vue.js 是否有方法将组件的实例传递给另一个组件?,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,例如,如果我有 <question-dialog /> /* hidden */ <show-dialog-button /> <answer-dialog /> /* hidden */ <show-dialog-button /> 或者也许有一种完全不同的方式我不知道 (如果有必要,我对所有组件都使用typescript)您可以将引用传递给这些组件: <question-dialog ref="questionDialog"/>

例如,如果我有

<question-dialog />  /* hidden */
<show-dialog-button />
<answer-dialog />  /* hidden */
<show-dialog-button />
或者也许有一种完全不同的方式我不知道


(如果有必要,我对所有组件都使用typescript)

您可以将引用传递给这些组件:

<question-dialog ref="questionDialog"/>  /* hidden */
<show-dialog-button v-prop:dialog="$refs.questionDialog"/>

回答对话框-打开?{{isShown}}
单击以切换对话框

效果很好-非常感谢您提供的详细答案!
<question-dialog ref="questionDialog"/>  /* hidden */
<show-dialog-button v-prop:dialog="$refs.questionDialog"/>