BootstrapVue 组件不呈现

Question

我正在关注官方文档 浏览器 部分 https://bootstrap-vue.org/docs，但是 BootstrapVue 组件没有按预期呈现。

html 文件如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>webapp</title>
    <!-- Load required Bootstrap and BootstrapVue CSS -->
    <link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap@4.6.0/dist/css/bootstrap.min.css" />
    <link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.css" />

    <!-- Load Vue followed by BootstrapVue -->
    <script src="//unpkg.com/vue@2.6.12/dist/vue.min.js"></script>
    <script src="//unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue.min.js"></script>

    <!-- Load the following for BootstrapVueIcons support -->
    <script src="//unpkg.com/bootstrap-vue@2.21.2/dist/bootstrap-vue-icons.min.js"></script>
</head>
    <body>
        <div>
            <h2>Example heading <b-badge>New</b-badge></h2>
        </div>
    </body>
</html>

我看到的是1 而不是 2

应该修复什么才能正确呈现组件？

Answer 1

问题已解决，我必须在某处添加以下代码（例如main.js）：

new Vue(...).$mount("#div_where_vue_should_render")

BootstrapVue 组件不呈现

BootstrapVue component doesn't render

bootstrap-vue