首页 文章

使用Vue.js / Bootstrap-vue.js CDN和组件

提问于
浏览 次
0

在这里原谅我的无知，我对vue非常陌生 . 我正在寻找一种方法来利用cdn的bootstrap-vue（https://bootstrap-vue.js.org/docs/点击浏览器右侧导航） . 我没有看到如何调用组件 . 使用webpack / cli版本，没有问题，但cdn，我迷失了如何使用它 .

我提出了一个简单的codepen.io来测试它 . 我已根据文档添加了css和js文件 .

https://codepen.io/jasonflaherty/pen/rrzbxj

//do i need this?
Vue.use(BootstrapVue);

//try individual components.
import { Card } from 'bootstrap-vue/es/components';
Vue.use(Card);

使用bootstrap-vue.js cdn我缺少什么？我需要进行不同的导入吗？

vue.js vuejs2 cdn

2 回答

  • 1

    如果您使用CDN，则不需要 use BootstrapVue插件;它会为你做到这一点 . 只需包含该脚本即可全局添加所有BootstrapVue组件 .

    您不能在浏览器中使用ES6 import 语句 .

    你需要创建一个Vue .

    这是你的pen updated .

    回复于
  • 1

    你应该使用Vue的基本结构 . 所以，你的JS应该是：

    const vue = new Vue({
  el: "#app"
})

    并且您的HTML代码必须保留在：

    <div id="app">
   <!-- ...your code -->
</div>
    回复于

相关问题