1.websocket是一种实时性、全双工通信的HTML5协议。可以用它来实现后台消息的实时获取，例如获取一些司机、乘客地图定位数据等，可代替传统的轮询方式，更加的智能灵巧。 2.stomp 是一个简单的面向文本的消息传递协议，利用websocket+stomp 来构建mq连接。 3.首先先安装stompjs。 npm install stompjs 4.定义一个golbal.js文件存放rabb…
项目场景： 项目中前端要通过rabbitMQ来进行实时接收消息数据，这里我只展示了vue如何接收数据，html可接收发送数据，HTML方式是转自某大佬，具体代码如下： 1.vue安装插件 npm install --save webstomp-client npm install stompjs -S 2.新建js文件 提示：为了方便之后数据修改，建议直接在js文件里定义好数据导出进行引用，以下是…
wkhtmltopdf虽然对html文件还行，但对新属性css3,es6,vue3,promise等特别的不友好，动不动就这也不支持，那也不支持； 使用vue2时页面不带路由时 带路由时 用wkhtmltopdf生成时 使用vue2勉强出来了，结果又不支持路由，我的乖乖，我是彻底伤透了心； vue3就更不用提了，直接空白，测试了各种情况，说到底就是各种不支持，果断放弃。 版权声明：本文为qq_39…
接上文，通过vue-cli创建的项目，初始的.babelrc文件中，只包含： { "presets": [ ["env", { "modules": false }], "stage-3" ] } 1、Babel Vue 预设 安装、配置并使用 babel preset-vue npm i -D babel-preset-vue 2、添 Babel polyfill Babel 几乎可以编译所有时…
文章目录 简介 基本语法 变量和方法多的使用 注册组件 动态组件 使用外部文件方法 组件通信 props与defineProps、emit defineEmits defineExpose 获取 attrs、slots 和useAttrs、useSlots 方法 与普通的 < script > 一起使用 style的新特性之 v-bind() CSS变量注入 style的新特性之glo…
效果 代码 ps:部分实现，并未添加逻辑等处理 <template> <div class="container"> <div v-if="search1!=''|search2!=''|search3!=''" class="display" style="margin-top: 15px;"> <i class="el-icon-search"/>…
Vue是个优秀的前端框架，不管是前端还是后端开发人员都能很快使用Vue来开发应用。但是随着项目开发的深入，组件之间的依赖就变得越来越多，耦合越来越严重。这时候我们迫切地需要分析下组件和依赖之间的调用关系了。 一、探索 经过一番寻找，我发现了 stats-webpack-plugin 这个插件。链接中有这个插件在 webpack 中的使用方法。我下面的教程基本是参考了官方指引。 二、安装和使用 首先…
前后端分离项目：vue+ssm+Element实现登录页面的优化和员工管理 ssm框架—后台搭建： 项目整体框架： 补充代码部分如下： Emp： EmpMapper ： EmpMapper.xml: IEmpService : EmpServiceImpl : EmpController : 后端： ①vue+Element—前台搭建（目的：优化登录页面）： App.vue : views—Log…