vue.js不通过webpack/npm/yarn加载单文件组建

Posted 2021-02-21 kiancyc

可以用此插件：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}))
    })

 

---

 

原文：https://stackoverflow.com/questions/51791597/vue-components-without-webpack-npm-yarn