缓存 手动keepalive vue
Vue 报错error:0308010C:digital envelope routines::unsupported
package.json增加配置 "scripts": { "serve": "set NODE_OPTIONS openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" }, 原文链接：h ......
Vue3 自定义组件使用v-model
Vue 的数据流传递是单向的，也就说数据只能由父组件通过`props`传递给子组件，子组件无法修改父组件传过来的状态，这样做为了避免因为子组件修改父组件的状态而导致数据流混乱以至难以理解。所以千万不要在子组件中直接修改 props。 子组件如果想要将数据传递给父组件，就需要使用 Vue 提供的事件机 ......
vue2 下载包版本冲突
安装vuex: npm install vuex --save 报错：npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree........................... 2022年2月7日，vue ......
Vue脚手架
### 1-Vue脚手架: 官网：[https://cli.vuejs.org/zh/]() ``` 1-配置淘宝镜像 ： npm config set registry https://registry.npm.taobao.org/ 2-安装‘脚手架’ ： sudo npm install -g ......
随笔（二十六）『SpringBoot + Vue 简单部署到Linux』
### 1、安装docker #### 1.1、卸载系统之前的 docker ``` sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-late ......
Vue封装一个瀑布流图片容器组件
## 说在前面 > 🎈最近在捣鼓自己的个人博客网站，有一个模块需要用到瀑布流图片🖼展示，于是我就将其封装成了一个组件，以后可以导入就能使用，具体效果如下👇：  > 全文为Vue2.0版本学习笔记！！！3.0版本 ......
Vue2框架总结
Vue语法 1.基本介绍 vue两大特点：响应式编程、组件化。 vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。 vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui ......
vue 方法整理
1、props 传值（可以使用props属性来进行组件之间的数据传递） 单向数据流 props传值是单向的：父组件的数据可以传给子组件，而子组件的数据不能传给父组件，这是为了防止子组件无意修改了父组件的状态，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着不应该在子组件内部改变 ......
在Linux中清理内存缓存的命令
以下是在Linux中安全清理内存缓存的命令： 1. 清理PageCache： sudo sync && echo 1 | sudo tee /proc/sys/vm/drop_caches PageCache（页面缓存）：Linux使用PageCache缓存文件系统中的数据块，以减少磁盘I/O操作， ......
vue--day54--todolist 中的MyItem 和App 消息发布实现通信
1.App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!-- @addTodo 事件名 addTodo 回调名--> <MyHeader @addTodo="addTodo ......
vue 路由
简介 创建单页面应用，官方路由组件，实现前端路由功能 安装 npm install vue-router 简单路由 创建路由规则文件 将router 挂载到 vue 实例中 路由参数类型 路径参数 查询字符串参数 路由跳转 使用 router-link to 属性 可以为path 路径，命名路由以及 ......
Nginx使用proxy_cache指令设置反向代理缓存静态资源
场景 CentOS7中解压tar包的方式安装Nginx： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/121634518 参考上面流程实现搭建Nginx的基础上，实现静态资源的缓存设置。 注意上面安装时的目录是在/opt/ngi ......
使用Vue+Vite搭建在线 C++ 源代码混淆工具,带在线实例
就酱紫 github开源地址: [https://github.com/dffxd-suntra/cppd](https://github.com/dffxd-suntra/cppd "https://github.com/dffxd-suntra/cppd") github在线实例: [https ......
[缓存] Google Guava Cache本地缓存框架一览
# 1 序言 + 上一次使用Guava Cache框架还是在2年前浙江某大学的数据服务平台项目中，用于缓存用户的数据服务**购物小车**数据； + 而这一次，是在基于Google Guava Cache + refreshAfterWrite特性来缓存Influxdb的物联网信号数据表的信号字段信息 ......
vue 一直运行 /sockjs-node/info?t=解决办法
 * https://blog.csdn.net/xingchen678/article/details/122429 ......
vue3项目部署到服务器刷新页面就404
本地项目调的好好的，刷新也没有毛病，扔到服务器上，第一次打开是正常的，再刷新下就404了，不知道什么原因。百度了下才发现问题所在 const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), ro ......
vue-pdf的使用
package.json { "name": "CmsWap", "version": "1.0.0", "description": "", "main": "main.js", "dependencies": { "vue-pdf": "^4.3.0" }, "devDependencies": ......
快速掌握Vue3：速成Vue3前端开发看这篇就够啦
vue3引入了Composition API，使开发者能够更灵活组织和重用组件逻辑。采用了基于Proxy的响应式系统，对虚拟DOM进行了优化等，提升了开发体验、性能 ......
redis 缓存穿透,击穿,雪崩
缓存雪崩：很多商品缓存集中时间失效，或者宕机了，直接打到数据库。解决：随机过期时间（不让集中失效），redis灾备（防止宕机），请求加锁排队处理。 缓存穿透：redis和数据库都没有数据，直接打到数据库。大量都没有就是恶意攻击（少量没有是正常的）。解决：请求参数校验（防止恶意攻击），布隆过滤器，提前 ......
Vue学习 2.0 版本笔记
# Vue学习 # 一、前端知识体系 - HTML（结构）：超文本标记语言（Hyper Text Markup Language），决定网页的结构和内容 - CSS（表现）：层叠样式表（Cascading Style Sheets），设定网页的表现样式 - JavaScript（行为）：是一种弱类型 ......
vsan集群缓存盘故障问题处理
1、缓存盘故障会导致整个磁盘组不可用； 2、正常情况下，虚拟机会切换到其他位置的副本对象访问；但在这个期间，对读写时延要求高的业务，会出现异常； 3、缓存盘更换后，无法直接添加进磁盘组，磁盘组也无法移除； 按照下述方式，逐个删除容量盘，容量盘删除完之后，磁盘组就没有了 4、稍后重建磁盘组，声明缓存盘 ......
59.vue3+element-plus制作二维码生成器
1 <template> 2 <div> 3 <el-card style="height:80px;font-size: 30px;">二维码生成器</el-card> 4 <div style="display: flex;"> 5 <el-card style="width: 250px;ba ......
vue--day--51----消息订阅实现组件通讯
1. 安装组件。npm i pubsub-js 2.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提 ......
vue常用指令
v-bind（缩写为 :）：用于绑定元素的属性到 Vue 实例的数据。 v-model：用于实现双向数据绑定，将表单元素和 Vue 实例的数据进行关联。 v-on（缩写为 @）：用于绑定事件监听器，执行相应的方法。 v-if：根据条件判断是否渲染元素到 DOM。 v-for：用于循环渲染一组元素。 ......
vue--day51----todolist 中App.vue 和 MyItem.vue 类似 父亲和子通信 通过全局事件总线实现通信
1.mainjs /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionTi ......
vue创建项目步骤
安装指定版本Vue cli一、降低版本如果是已经安装了4.0以上的版本，卸载重装即可npm uninstall -g @vue/cli npm install -g @vue/cli@3.11.0 // 后面为版本号二、其他安装3.0以下：npm install -g vue-cli npm ins ......
vue概念
并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面 两大核心概念： 声明式渲染： 声明式渲染是一种描述界面应该呈现的方式，而不需要显式地操作DOM。在Vue中，你可以使用Vue的模板语法来声明界面的结构和数据绑定关系，Vue会根据数据的变化自动更新DOM。这样，你只需要关注数据和模板， ......