1、创建一个 WebSocket.js文件并定义 WebSocket类，在这个类中，我们使用了浏览器原生的 WebSocket API 来创建 WebSocket实例，并定义了 send()、on() 和 close()方法来发送消息、接收消息和关闭 WebSocket连接。 export default class WebSocket { constructor(url) { this.ws =…
father(父页面） <template> <div> <son ref="son" :son_name="father_name"></son> </div> </template> <script> import { son } from './components' export default ({ co…
搭建SpringBoot3 + Vue3 的快速开发框架（1） 前言 开发目标 项目开发 创建项目 创建子模块 common framework ui 启动项目 前端启动 后端启动 后续内容 前言 因为工作需要，要搭建一套非微服务的单体应用，主要场景是针对中小型企业或者客户，并发量不高、数据量也比较有限的情况。在使用ruoyi等框架的时候，总感觉有些地方还是用不太顺手。因此也根据个人习惯，在开发项…
文章目录 前言 一、实现效果图 二、准备工作 2.1、注册百度地图开发者账号 2.2、创建应用 三、实现步骤 1. 引用百度地图API文件 2. 新增地图选址组件 3. 使用组件 总结 参考文章 前言 嗨，大家好，我是希留。 近日接到了一个地图选址的需求，大致就是添加地址信息时，需要打开地图，记录详细地址以及经纬度信息。高德地图、百度地图、腾讯地图等主流的地图服务商都提供了免费的API接口，因此只…
Sass是一种CSS扩展语言，目前广泛地应用到web项目开发中，使用sass可以用更少的代码去实现CSS同样的样式效果，在书写上也更为简洁，其原理是通过一定的规则转化为对应的CSS样式，可以说是样式中的“高级语言”。Sass在日常的开发中，是需要通过转换工具转成CSS再引入到HTML文件中，然而，在vue的webpack项目模板中，引入解释sass文件的loader，即可使用sass。本文将展示 …
1.首先在终端中运行，安装axios插件 2.在src下创建plugins文件夹，和axios相应js文件 3.在axios中进行如下操作,引入axios,创建axios实例，并进行暴露，在文件中配置基本路径 注意：baseURL后面的URL要大写 import axios from 'axios'; const axiosInstance = axios.create({ baseURL: 'h…
问题背景 在安装好vue项目依赖后,进行pnpm run dev 的时候开始报错： Error: Cannot find module 'node:path' 问题分析 根据项目所依赖的node版本与当前版本进行对比,发现了当前版本较低,所以出现了不兼容状况 解决方法 根据项目依赖安装对应版本的node，我这边是node: v14.15.3 升级到v16.16.0 问题解决 （根据自己项目所依赖n…
文章目录 vue动画 前言 什么是Vue动画，它能用在哪些场景？ vue动画的两个状态切换 进入( enter ) 退出;离开( leave ) vue动画为我们提供了什么？ 要完成一个动画，我们还需要补充些什么？ 一个动画案例 1. 确保框架引入和基本骨架搭建 2. html部分 3. 定义元素的添加和删除方法，以及初始化数据 4. 定义过度动画的css样式 5.看最后效果： vue动画 前言 …
参考官网 https://cn.vuejs.org/v2/guide/list.html 下面是一个 简单 的 todo 列表的完整例子 模板 <div id= "todo-list-example" > <form v-on:submit.prevent= "addNewTodo" > <label for= "new-todo" > Add a todo &…
Vuex官网地址：https://vuex.vuejs.org/zh/guide/ 这里只做简单的介绍和使用，复杂的使用情况，自己参照官网。 如果没有安装vuex ,通过命令行： npm install vuex --save 进行安装 然后在 main.js 中引入并在Vue实例中注入 import Vuex from 'vuex'; import store from './ vuex /st…