小编ech*_*ome的帖子

没有 webpack/npm/yarn 的 Vue 组件

我知道使用 vue-cli 导入组件非常简单。但是,是否可以将组件导入不使用 vue-cli 的 vue 项目?

例如我的 index.html 看起来像:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Vue components</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js">  </script>
    <script src="https://github.com/mdbootstrap/Vue-Bootstrap-with-Material-Design/archive/mdbvue.js">  </script>
  </head>
  <body>
    <div id="vue-app">
      <Btn color="danger">Test Button</Btn>
    </div>
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

还有我的 app.js:

import { Btn } from 'mdbvue'

new Vue({
  el: '#vue-app',
  components: {
    Btn
  },
  data: {
  }
}
Run Code Online (Sandbox Code Playgroud)

如果它不像我的例子那么简单,是否有一个教程可以弄清楚如何在不使用 npm 或 yarn 的情况下使其工作?

谢谢

vue.js vuejs2

5
推荐指数
1
解决办法
2768
查看次数

标签 统计

vue.js ×1

vuejs2 ×1