时间戳

首页 > 解决方案 > 在 Vue 中使用 SSR 时在哪里调用“Vue.use(plugin)”

javascript - 在 Vue 中使用 SSR 时在哪里调用“Vue.use(plugin)”

问题描述

我有一个插件（bootstrap-vue），我想用Vue.use(). 现在，我在客户端条目（内部router.onReady()）中使用它，但收到以下警告：

客户端渲染的虚拟 DOM 树与服务器渲染的内容不匹配。<p>这可能是由不正确的 HTML 标记引起的，例如在<tbody>. Bailing 水合作用并执行完整的客户端渲染。

我使用服务器端渲染（SSR）并且不确定在哪里正确调用插件初始化。谢谢！

标签： javascriptvue.jsvuejs2bootstrap-vuevue-ssr

解决方案

感谢@Sphinx 的提示！答案是将其放入 Vue 应用程序的客户端 (!) 入口点，例如在哪里new Vue()调用：

// Create the main Vue app
const app = new Vue({
    router,
    render: h => h(App)
})

// Register plugins
Vue.use(YourPlugin)

它将与 Vue 应用程序的其他 SSR 组件一起正常工作。

推荐阅读