先後端爲分離 半分離 使用vue組件

1.     html中引入 http-vue-loader.js

　　下載地址等詳情訪問： https://www.npmjs.com/package/http-vue-loader

 

　　html中寫法和vue中同樣

　　<multisearch ref="multiSearchRef" ></multisearch>

2.   js中使用方法

Vue.use(httpVueLoader)
var vm = new Vue({   
  el: '#app',   
  components: {
    'multisearch': httpVueLoader('../../../compoent/multipleSearch.vue'),
  },
}

　　

3 vue文件 請注意 和平時快捷鍵生成的文件不太同樣  

<template>

    <div class="hello">Hello {{who}}</div>

</template>

 

<script>

module.exports = {

    data: function() {

        return {

            who: 'world'

        }

    }

}

</script>

 

 

原連接： https://www.cnblogs.com/guozongzhang/p/10857397.html