Vue 2.0 发布于 8年前的 2016 年，这是 Vue 成为主流框架过程中的一个重要里程碑。Vue 团队于 2020 年 9 月 18 日发布了 Vue 3.0 版本，2023年12月31日宣布Vue2将停止维护，如今Vue3生态系统正在蓬勃发展，本篇文章将全面介绍Vue2和Vue3到底有什么区别，以及我们如何更高效的使用Vue3来进行项目开发。

后端一般要求的传递方式：get 和 post1.传递的为普通参数(get)2.传递数组对象形式3.传递表单形式.......

实现目标：点击下载按钮，浏览器下方出现下载的文件，word文件将下载为word文件格式，不会进行pdf的转换。实现效果：实现方法：1.后端swagger中：2.api的js文件中：export function planDownloadById(param) {return request({url: '/xxxx/xxxx/download',method: 'post',data: param

实现目标：点击按钮，出现弹窗，弹窗中为m3u8格式的监控实时画面。实现效果：1.index.html文件中：<!-- 取流 --><link href="https://cdn.bootcss.com/video.js/7.6.5/alt/video-js-cdn.min.css" rel="stylesheet"><script src="https://cdn.b

【代码】vue/css滚动条设置（颜色、宽度、滑块设置等）

1.传true和flase的方式：vue文件中：<template slot-scope="scope"><el-switch v-model="scope.row.active"active-color="#13ce66"inactive-color="#ff4949"@change="changeStatus($event,scope.row,scope.$in

在系统登录后将用户登录的token、用户名信息分别存储至Cookie和localStorage中，便于系统后续不同用户权限的控制。一、存储在Cookie中的文件封装在src的utils中新增auth.js文件，文件代码为：import Cookies from 'js-cookie';const TokenKey = 'Authorization';export function getToken

实现目标：前后端通过WebSocket建立连接，当数据库发生变化后后端向前端推送消息，前端将展示后端推送的消息，同时实现页面部分数据的更新。实现方法：vue文件中：data中：wsUrl: 'xxxx/ws/xxxx/ws/dem/',methods中：// ---- WebSocket连接start ----initWebSocket() {let randomNum = Math.round(

实现效果：template中：引用element的el-tree，其中show-checkbox为显示勾选框，选择true，默认所有节点均有勾选框。<el-treeclass="tree":check-strictly="true":data="datatree":render-content="eventRender":show-checkbox="true"/.

目标：在vue中利用click点击事件实现内容的删除。实现效果：点击最右侧的删除按钮，删除这一个div里面的所有内容。实现方法：template中：<div class="refList" v-for="(item, index) in refListData" :key="index"><div style="display:flex;margin-bottom:18px"&g