将数据传递给 createApp (vue)

Question

使用 Webpack，我有以下代码：

    import { createApp } from 'vue'
    import Vue from 'vue'
    import App from './components/ItemSearch/ItemSearch.vue'
    
    createApp(App).mount('#search-app')

在我的网站上，我有一个搜索应用程序页面，其中包含<div id="search-app" />将应用程序的根安装到的 。

我想知道的是，是否有可能以某种方式插入（最好）来自包含 javascript 文件的页面的一些数据？我想从数据库中包含一些项目，例如设置和搜索类别，如果可以提供帮助，我想避免向它们发出 AJAX 请求。

是否有帮助，或者有什么方法可以在加载时内嵌这些数据？

使用 Webpack，我不太明白如何从加载 javascript 文件的页面访问 App，以便我可以data在以某种方式将其传递给 之前进行修改createApp()，或者甚至可能的话。我可以import在浏览器加载的页面上使用语句，还是这只是 Webpack 的（或类似的）功能？

提前谢谢了。

Answer 1

您可以使用createApp的第二个参数来传递道具。

import { createApp } from 'vue'
import Vue from 'vue'
import App from './components/ItemSearch/ItemSearch.vue'
    
createApp(App, {myProp: "value"}).mount('#search-app')

文档