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

可以用此插件:https://github.com/FranckFreiburger/http-vue-loader

<script src="https://cdn.jsdelivr.net/npm//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}))
    })

相关推荐