将数据传递给 createApp (vue)答案

【问题标题】：Passing data to createApp (vue)将数据传递给 createApp (vue)
【发布时间】：2021-01-28 20:16:54
【问题描述】：

使用 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

【解决方案1】：

你可以使用createApp的第二个参数来传递props。

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

docs

【讨论】：

很遗憾，我无法让 Vue 3 为我的应用程序正常工作，所以我不得不默认使用 Vue 2。感谢您的回复。