Bootstrap-Vue是否损坏？

Question

这是我最后一个问题的后续问题，我再次尝试使Vue和Bootstrap在Node.js的简约设置中工作。 为此，我没有使用任何程序包管理器或CDN，而是在网页旁边提供了所有必需的文件。

现在，我将Bootstrap-Vue库与Vue一起使用，而不是使用Bootsrap和Vue，但是无论如何我都没有使其工作。 所有Bootstrap-Vue元素都只会显示为纯文本，因此我开始回头工作，直到可以想到的最简单的设置为止：

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Index</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap@next/dist/css/bootstrap.min.css"/>
        <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css"/>
    </head>
    <body>

        <div class="text-center my-3">
            <b-btn v-b-popover.hover="'I am popover content!'" title="Popover Title">Hover Me</b-btn>
        </div>

        <script src="https://unpkg.com/vue"></script>
        <script src="https://unpkg.com/babel-polyfill@latest/dist/polyfill.min.js"></script>
        <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>

    </body>
</html>

但是，即使这个超级简单的网页也无法正确显示。 使用本机Bootstrap组件进行测试确实可以，但是所有Bootstrap-Vue都不能。 Vue正在被执行，我的调试控制台告诉我它成功请求了所有需要的脚本文件。

应该注意的是，无论我通过Node.js请求网页还是手动打开文档，该网页看起来都是一样的。

那么，有什么问题呢？

Answer 1

您要将Vue应用于模板吗？

 new Vue({ el: '#app' });

 <link href="//unpkg.com/bootstrap@next/dist/css/bootstrap.min.css" rel="stylesheet" /> <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css" /> <script src="https://unpkg.com/vue"></script> <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script> <div id="app" class="text-center my-3"> <b-btn vb-popover.hover="'I am popover content!'" title="Popover Title">Hover Me</b-btn> </div>

Bootstrap-Vue是否损坏？

问题描述

1 个解决方案

解决方案1
4 已采纳 2017-12-01 12:33:51

Bootstrap-Vue是否损坏？

问题描述

1 个解决方案

解决方案1 4 已采纳 2017-12-01 12:33:51

解决方案1
4 已采纳 2017-12-01 12:33:51