前后端为分离 半分离 使用vue组件

Posted star-x

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前后端为分离 半分离 使用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

以上是关于前后端为分离 半分离 使用vue组件的主要内容,如果未能解决你的问题,请参考以下文章

SpringBoot+Vue前后端分离项目中实现编辑用户功能

Vue前后端分离项目初体验

SpringBoot+Vue前后端分离项目中实现删除用户功能

前后端分离之 vue+JWT+Spring Boot

springboot+vue前后端分离框架

springboot+vue前后端分离框架