Vue CLI - 如何在多个页面上拥有组件（Flask）

Posted 2023-02-22

【中文标题】Vue CLI - 如何在多个页面上拥有组件（Flask）

【英文标题】：Vue CLI - How to have components on multiple pages (Flask)

【发布时间】：2018-02-22 10:33:02

【问题描述】：

我有一个非 spa 应用程序，其页面由 python 烧瓶提供。我正在尝试转向使用 vuecli，以便获得 ES6 的好处。我认为我需要做的是在 master.jinja2 模板中，我只需将整个内容包装在 .然后我会创建组件，并在我需要这些组件的页面上创建。

实际发生的是整个应用程序在页面呈现时消失了。

如何防止由 cli 在 master.js 中创建的全局 Vue 实例替换所有内容，并且仅在组件位于页面上时才加载它们。

感谢不是 vue 的新手，但我已经完成了包含 js 文件的所有操作，在此之前它是 es5，所以它有点不同，我认为我只是缺少一些基本的东西来让它工作。

如果有更好的方法来获得我所追求的，请告诉我。如果这是在错误的地方，请指出正确的地方。

【参考方案1】：

我需要在 master.js 中注释掉渲染行，然后在主 vue 实例上注册组件。