在Vue中使用SSR时，在哪里调用“Vue.use（plugin）”

Question

我有一个插件（bootstrap-vue），我想用Vue.use()进行初始化。现在，我在客户端条目中使用它（在router.onReady()内），但是我得到以下警告：

  

客户端呈现的虚拟DOM树与服务器呈现的内容不匹配。这可能是由不正确的HTML标记引起的，例如在<p>内嵌套块级元素或缺少<tbody>。保持水分并执行完整的客户端渲染。

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

Answer 1

感谢@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组件一起正常工作。