84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我正在尝试理解如何使用可导出函数创建组件。 例如：我想创建一个消息框，在其他组件中调用从该组件导入的showMessage()方法时，它将出现在屏幕上。 在消息框组件中，我想描述逻辑和模板。 如何实现这一点？非常感谢任何关于此的文档/文章，如果有的话。
在App.vue中（或其他全局文件中）挂载您的消息组件，
通过store中的函数控制其props
例如
...
// store const message = reactive({{}); // 做一些响应式的事情.. const showMessage(title, _message) => { message.title = title; message.message = _message; message.isOpen = true; } ...
然后，您可以在任何地方使用piniaStore().showMessage(...)调用该消息
（这段代码只是一个概念，如果要正常运行，您需要进行开发...）
但我认为您可以使用Quasar框架 - Dialog（$q.dialog正是您所需的！） 或Ionic框架 - alert，Vuetify - dialog api等（每个框架都有这些东西）
在App.vue中（或其他全局文件中）挂载您的消息组件，
通过store中的函数控制其props
例如
// store const message = reactive({{}); // 做一些响应式的事情.. const showMessage(title, _message) => { message.title = title; message.message = _message; message.isOpen = true; } ...然后，您可以在任何地方使用piniaStore().showMessage(...)调用该消息
（这段代码只是一个概念，如果要正常运行，您需要进行开发...）
但我认为您可以使用Quasar框架 - Dialog（$q.dialog正是您所需的！） 或Ionic框架 - alert，Vuetify - dialog api等（每个框架都有这些东西）