vue模板vscode vue2

nginx与vue路由

nginx代理方式 server { listen 80; server_name localhost; location /order/{ proxy_pass http://localhost:8080/order } 表示监听80端口,将请求反向代理到后端服务器。 例如:当浏览器请求的路径是 ......
路由 nginx vue

idea模板

File and Code Template class== 1 #if (${PACKAGE_NAME} && ${PACKAGE_NAME} != "")package ${PACKAGE_NAME};#end #parse("File Header.java")/** * <h3>${PROJ ......
模板 idea

SpringBoot+Vue3+MySQL集群 开发健康体检双系统

第1章 课程介绍 试看4 节 | 38分钟观看项目演示,熟悉大健康体检项目主要功能。掌握学习本课程的最佳方法,以及如何利用在线手册学习和答疑。第2章 大健康体检项目全栈环境搭建16 节 | 218分钟利用虚拟机或者云主机安装Linux系统和Docker环境,部署MongoDB、Redis、Minio ......
健康体检 集群 SpringBoot 系统 MySQL

109.vue双向数据绑定原理

#### 109. vue 双向数据绑定原理? ``` vue 通过使用双向数据绑定,来实现了 View 和 Model 的同步更新。vue 的双向数据绑定主要是通过使用数据劫持和发布订阅者模式来实现的。 首先我们通过 Object.defineProperty() 方法来对 Model 数据各个属 ......
双向 原理 数据 109 vue

146.Vue的生命周期是什么

#### 146. Vue 的生命周期是什么? ``` Vue 的生命周期指的是组件从创建到销毁的一系列的过程,被称为 Vue 的生命周期。通过提供的 Vue 在生命周期各个阶段的钩子函数,我们可以很好的在 Vue 的各个生命阶段实现一些操作。 ``` ......
周期 生命 146 Vue

153.vue中key值的作用

#### 153. vue 中 key 值的作用? ``` vue 中 key 值的作用可以分为两种情况来考虑。 第一种情况是 v-if 中使用 key。由于 Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。因此当我们使用 v-if 来实现元素切换的时候,如果切换前后含有相同类 ......
作用 153 vue key

go text模板

package installimport ( "bytes" "fmt" "strings" "text/template" "github.com/fanux/sealos/pkg/logger" "sigs.k8s.io/yaml")var ConfigType stringfunc setK ......
模板 text go

洛谷 P3372 【模板】线段树 1

题目传送门 题目描述 如题,已知一个数列,你需要进行下面两种操作: 1.将某一个数加上x 2.求出某区间每一个数的和 输入格式 第一行包含两个整数N、M,分别表示该数列数字的个数和操作的总个数。 第二行包含N个用空格分隔的整数,其中第i个数字表示数列第i项的初始值。 接下来M行每行包含3个整数,表示 ......
线段 模板 P3372 3372

Vue2或Vue3中实现页面锚点滚动(结合AntDesign a-steps

#### 核心代码 ``` onStepChange(current) { this.current = current; document.querySelector(`[id='${current}']`).scrollIntoView({ behavior: "smooth", // 定义过渡 ......
Vue AntDesign a-steps 页面 steps

vue3项目 运行 报错 Cannot assign to "b" because it is a constant

### 环境依赖 ``` node 18.16.0 vite 4.4.4 vue 3.2.47 ``` ### 背景 当前错误与环境依赖关系不大,是由于我在打包的文件写的代码错误导致的,一般情况不会有这个错 ### 报错信息 X [ERROR] Cannot assign to "b" becaus ......
quot constant because 项目 Cannot

vscode技巧笔记

用来记录vscode的一些使用方法和技巧 # 1. 右键菜单添加插件命令 安装插件时,右键菜单会自动添加一些命令,但是有些命令时没有添加的,需要ctrl+shift+p来输入 添加右键菜单: 找到 .vscode文件夹,打开extensions文件夹,通过以下命令打开 `Extensions: Op ......
技巧 笔记 vscode

Vue路由跳转时携带参数

在方法中使用this.$router.push方法进路由跳转时,需要携带参数,可以使用上下文参数,这样携带的话参数会一直存在,具体携带方式如下 在跳转路径下,添加state对象属性,属性名是固定的,对象中填入自己需要传递的参数,ps:对象需要转化为字符串,不然传递不过去,JSON。stringify ......
路由 参数 Vue

vue前端异步请求,数据拿的太慢,页面无法渲染

vue中发送请求,拿到数据后打开弹窗进行页面渲染,问题:请求速度太慢,弹窗没有数据,解决:使用async和await进行同步请求 async用在方法上,await放在请求前,表示阻塞 ......
前端 页面 数据 vue

Vue3 webSocket收到消息改变响应式全局对象从而实时改变界面

需求在 main.js 中 创建一个 响应式全局对象 。通过WebSocket收到消息 改变这个全局对象时 ,子组件应同步响应。 效果:这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMon ......
全局 实时 webSocket 界面 对象

VUE接收后端传递的map,解析并遍历

后端传递map结果,前端接收时需要进行参数转化,转为前端的map,Object.entries方法进行转化,遍历时使用 for of 进行遍历,图中的item取出来的时一个数组对象,如{a:1,b:2},map对象时这样,item遍历第一轮时取出来的格式是[a,1],所有使用item[0]就可以取出 ......
VUE map

Vue3 响应式全局对象

需求在 main.js 中 创建一个 响应式全局对象 。改变这个全局对象时 ,子组件应同步响应。 效果:这几个标签框 绑定的全局对象json main.js 定义 响应式全局对象 //全局对象 const globalData=reactive({ extTelMonitorData: [ { ti ......
全局 对象 Vue3 Vue

vscode配置Configure User Snippets 不生效

正常Ctrl+shift+p打开"设置",Configure User Snippets -> python.json { // Place your snippets for python here. Each snippet is defined under a snippet name and ......
Configure Snippets vscode User

springboot log4j2.xml 模板

<?xml version="1.0" encoding="utf-8"?> <configuration> <properties> <!-- 文件输出格式 --> <property name="PATTERN">%d{yyyy-MM-dd HH:mm:ss.SSS} |-%-5level [% ......
springboot 模板 log4j log4 log

vue进行页面跳转样式丢失问题

问题:vue使用 this.$router.push 方法进行页面跳转时样式丢失,如下图,图一为正常页面,图二为跳转后的界面 解决方法:并非样式丢失,而是样式背覆盖了,去跳转的原界面样式中加入scope,跳转之后问题解决 ......
样式 页面 问题 vue

vue3 组件之间的传递

## 组合式API父子通信 ### 1. 父传子 > 基本思想 > 1. 父组件中给子组件绑定属性 > 2. 子组件内部通过props选项接收数据 > 父组件 ```vue 父组件 ``` > 子组件 ```vue 子组件 {{ msg }} ``` ![](https://img2023.cnbl ......
组件 之间 vue3 vue

根据模板自动匹配目标字符串

好的,让我们模拟一下这段代码的运行,并打印出每一行的结果: ```java // 声明一个静态的正则表达式模式,用于匹配大括号中的内容 private static final Pattern pattern = Pattern.compile("\\{(.*?)\\}"); private sta ......
字符串 字符 模板 目标

vscode插件开发遇坑

1. 安装依赖,直接npm install就行 2. 调试插件,不要在package.json script,直接运行调试按钮,选择命令,也不要在终端自行运行命令 3. 调试插件,直接在侧边栏调试按钮,这样才能正常的运行插件,插件的侧边栏图标才能显示 4. vscode-database-clien ......
插件 vscode

dede共用同一个文章ID展示多个不同的模板页面

DEDE共用同一个文章ID展示多个不同的模板页面 ,比如链接: http://jinmengqiang.cn/info-1.html http://jinmengqiang.cn/plus/show.php?aid=1 以上2个链接可以使用不同的模板,其实内容可以相同也可以不同的进行调用(这个需要后 ......
多个 模板 页面 文章 dede

vue 实现自定义主题切换+日夜切换

此处只参考 修改主题色, 日夜模式参考elep官网 function gradientColor(this: any, startColor: any, endColor: any, step: any) { let startRGB = gradientColor.prototype.colorR ......
日夜 主题 vue

Vue2的安装

Vue 的安装根据需求分为 script标签引入 与 npm命令创建项目。 1. script 引入 用途:用于不改动老项目源代码的二次开发。 使用方式:在html中嵌入vue.global.js的script标签的引入。 代码示范图: 2. npm 命令创建项目 前提:npm 是 Node.JS ......
Vue2 Vue

vue 使用document.execCommand失效

document.execCommand 当一个 HTML 文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进 ......
execCommand document vue

Vue 中处理跨层级组件通信

highlight: a11y-dark 对于A-B-C三个依此嵌套的组件,现在想把A的数据传递给C,C的事件被A捕获,可以这么实现: ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
层级 组件 Vue

python用vscode编程关于类型注释引用后续类型的小技巧

python的类型注释还是很方便的, 相当于动态语言中增加类型系统, 很方便支持代码自动补全. 但是它毕竟不是编译型语言, 如果引用的类型在后面定义, 就会出现找不到此类型的提示. 这时候只需要把这个类型当作字符串就可以了, 不仅不会报错, 仍然还会享受代码补全的好处. 如下所示: ```pytho ......
类型 注释 技巧 python vscode

vite+vue3+minio

之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2, web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错 一. 用vue2搭个项目,将minio通过require ......
minio vite vue3 vue

vue 组件分享

应用场景是tab切换,上方显示五个标题,下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下: <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
组件 vue