vuejs3 - 将数据传递给 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（或类似）功能？

提前谢谢了。

标签： vuejs3

Answer 1

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

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

文档