我知道使用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的情况下使其正常工作呢?
谢谢。
import()
语法的使用。后者应该帮助您动态加载Vue应用程序中的组件。 - miqh