多个vue-cli版本vue
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-day22--v-text指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
安装mysql在线版本
1. 安装 MySQL 服务器和客户端： sudo apt install mysql-server mysql-client 2.启动 sudo systemctl start mysql 3.修改密码 sudo mysql_secure_installation 输入 MySQL root 用户 ......
【随手记录】关于win环境变量配好， jdk版本切换不成功问题
由于需要win电脑装了多个jdk版本，在切换时候配置好环境变量一直没生效 后来发现jdk默认会添加一个环境变量配置 把这个带Jdk的默认配置的环境变量去掉，保留自己的 JAVA_HOME环境变量即可生效！ ......
使用OpenCV中的DNN模块进行人脸识别的官方示例代码（C++版本）：
chatgpt生成#include <opencv2/core.hpp> #include <opencv2/dnn.hpp> #include <opencv2/imgproc.hpp> #include <opencv2/highgui.hpp> using namespace cv; usin ......
vue -父子组件值传递
父组件：是指引用其他组件东西（这里叫attrgroup.vue） 子组件：是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件，如下： <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件，通过事件触发然后 ......
vue-day21-过滤器学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
vue.js浏览器插件
提取地址： 链接：https://pan.baidu.com/s/1Uf9yZaQfRQ1r2JvOxXX50A?pwd=l3iw 提取码：l3iw 加载已解压的扩展程序 ......
vue-day20---收集表单数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>收集表单数 ......
vue2
一.mvvm模型 MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了如下三个部分： View 表示当前页面所渲染的 DOM 结构。 Model 表示当前页面渲染时所依赖的数据源。 ViewModel 表示 vue 的实例，它是 MVVM 的核心 1.为 ......
centos7中安装最新版本的make
001、官网下载： https://ftp.gnu.org/gnu/make/ 002、查看当前的make版本及系统版本 a、make版本 [root@PC1 ~]# make --version GNU Make 3.82 Built for x86_64-redhat-linux-gnu Cop ......
vue我自己的动态菜单思路
1、在router里把所有的路由都加上。 2、后端存储路由path和其他设计需要的信息。 3、登录后，后端返回菜单树，根据权限不同，返回的菜单不同，并且还要返回每个path代表的页面具有的权限数组。可以实现前端对权限的控制。 4、根据后端返回的菜单树的path，去过滤路由数组，即path对应相同的路 ......
vue-day19--Vue监测数据的原理--大综合练习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Vue监测 ......
vue-day18--vue监测数组
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue--day17---Vue.set()
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue: number addition
单页应用：（Single Page App, SPA）体现了其强大的优势。页面是局部刷新的，响应速度快，不需要每次加载所有的CSS/JS。前后端分离，前端（手机端）不受后端（服务器端）的开发语言的限制。Angular,React ,Vue.js框架都是很好的选择。 https://github.co ......
vue-day16---模拟一个数据监测
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>模拟一个数据监测你</title> </head> <body> <script type="text/javascript"> let data = { ......
【技术积累】Vue.js中的事件【一】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
Vue安装
#### 安装vue及脚手架 ##### 1.安装vue.js npm install vue -g 或者 cnpm install vue -g 查看安装的vue信息： npm info vue 或者 cnpm info vue ![image-20230715211634838](https:/ ......
vue--day16---列表排序
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
mysql-8.0.23-winx64_解压版本的配置和使用
1、下载我给大家提供的压缩包 链接：https://pan.baidu.com/s/1m0WQfU3SoKDwgIwcxeSujw 提取码：xv9u 2、文件解压在你的英文目录下，最好和我保持一致哈 3、浏览下原始文件列表 4、在mysql的解压目录下创建my.ini文件且编辑，我已经给大家写好了， ......
vue-day16---watch与computed实现列表过滤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
VUE WebSocket连接成功后，立即发送一个token
ws = new WebSocket(`ws://${location.host}/xxx`) ws.onopen = () => { ws.send(JSON.stringify({ headers: { Authorization: `Bearer ${token}` } })); isConn ......
vue3 封装api接口
新建axiosj.ts import axios from 'axios'; import { showMessage } from "./status"; // 引入状态码文件 import { ElMessage } from 'element-plus' // 引入el 提示框，这个项目里用什 ......
vue3 中屏蔽控制台中的警告信息
main.js中 const app = Vue.createApp({}); // 屏蔽错误信息 app.config.errorHandler = () => null; // 屏蔽警告信息 app.config.warnHandler = () => null; app.mount("#app ......
vite-plugin-vue-images——Vite自动导入图片
# vite-plugin-vue-images——Vite自动导入图片 在Vue2时我们经常会这样引用图片： ```vue ``` 但在Vite中不支持require了，引用图片变成了下面这样： ```vue ``` 每次使用图片都得import，显然耽误了大家摸鱼的时间，这时我们可以借助vite ......
openEuler（华为欧拉）使用docker安装wine 8+版本，支持32位程序
### 安装docker 参考：[openEuler安装docker](https://www.cnblogs.com/murencao/p/17555846.html "openEuler安装docker") ### 下载wine镜像 [wine的docker镜像，支持i386](https:// ......
vue中$set和$forceUpdate强制更新视图层的区别
$forceUpdate 原理：调用 notify（） 强制视图更新 $set 原理：defineReactive(this.data数据, 要劫持得数组索引或对象键, 默认值) 建立响应式依赖 指定数据更新 使用场景： 如果data数据的层级过深(比如数组或者对象无法直接监听到数据变化)，导致无法 ......