【发布时间】：2023-04-07 15:43:02
【问题描述】：
我知道使用 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 的情况下使其工作？
谢谢
【问题讨论】：
-
看看async components documentation，特别是
import()语法的使用。后者应该可以帮助您将组件动态加载到 Vue 应用程序中。