没有webpack / npm / yarn的Vue组件

Question

我知道使用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>

还有我的app.js：

import { Btn } from 'mdbvue'

new Vue({
  el: '#vue-app',
  components: {
    Btn
  },
  data: {
  }
}

如果它不像我的例子那么简单，那么有一个教程可以找出如何在不使用npm或yarn的情况下使其工作？

谢谢

Answer 1

另一答案