可以用此插件：https://github.com/FranckFreiburger/http-vue-loader
<script src="https://cdn.jsdelivr.net/npm/http-vue-loader@1.4.2/src/httpVueLoader.min.js"></script> Vue.component(‘block-header‘, httpVueLoader(‘/block-header.vue‘))
这样就能在页面上通过http的方式加载.vue单文件组件了。
如果只是加载html模板的话可以这样（不能包含<style>和<script>）：
Vue.component(‘block-menu‘, function (resolve, reject) { axios.get(`/block-menu.html`).then(resp => resolve({template: resp.data})) })
vue.js不通过webpack/npm/yarn加载单文件组建
原文：https://www.cnblogs.com/kiancyc/p/12801606.html