带有vue cdn的单独的组件文件

Question

我有一台express服务器，仅提供一条GET路由，并返回文件'public/app.html'

此app.html文件加载vue.js抛出CDNhttps://cdn.jsdelivr.net/npm/vue/dist/vue.js

我不想有很大的组成部分！

如何将每个组件放在不同的文件中？

我尝试过的事情：

我创建了一个/public/components/InputName.vue vuejs组件。

并且在public/app.html中的<script>内部，我添加了：

import InputName from './InputName'

但是我有这个错误

import declarations may only appear at top level of a module

Answer 1

检查此GitHub存储库：它说明了如何从服务器加载组件：https://github.com/maoberlehner/distributed-vue-applications-loading-components-via-http