vue模板vscode vue2
vue3源码学习api-vue-sfc文件编译
vue 最有代表性质的就是.VUE 的文件，每一个vue文件都是一个组件，那么vue 组件的编译过程是什么样的呢 Vue 单文件组件 (SFC)和指令 ast 语法树 一个 Vue 单文件组件 (SFC)，通常使用 *.vue 作为文件扩展名，它是一种使用了类似 HTML 语法的自定义文件格式，用于 ......
VSCode 新手入门第三弹 部分美化插件设置
Background 搜索安装即可 点击上图安装按钮旁边的齿轮，选择拓展设置 点击添加项，推荐使用本地源，本地源格式如下 file:///D:/BackPaper/test.jpg 文件夹名尽量不要有空格、中文等乱七八糟的玩意（出错不负责 可以添加多张图片轮换，时间在下面可以设置 找到下方 Back ......
vue脚手架的data与props
1.共同之处： data与props都是数据，都可以存储，并且动态渲染 2.不同之处： data是组件本身的数据，支持自身修改，然而props是外部数据(由父组件传递而来的数据),不支持自身修改，如果想要修改需要this.$emit('父组件监视函数名'，希望修改的的值的结果) ......
Vue 组件里的定时器要怎么销毁？
如果页面上有很多定时器，可以在 data 选项中创建一个对象 timer，给每个定时器取个名字一一映射在对象 timer 中， 在 beforeDestroy 构造函数中清除， beforeDestroy(){ for(let k in this.timer){ clearInterval(k) } ......
记录--Vue2屎山之 Table 屎山
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 Vue2 将在 2023 年年底停止维护了，但是 Vue2 的代码却不会在 2023 年消失，还会越来越多；难以想象几十万行或者几百万行的 Vue2 代码迁移到 Vue3，这是不可能办到的； 老一点的前端程序员肯定经历过把大型项目从 ......
从0开始构建WSL工作平台（VSCode、ssh、Docker）
一、命令行界面安装 1、win+S，搜索 PowerShell，右键管理员身份运行 2、输入命令，启用 适用于 Linux 的 Windows 子系统 功能 dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsyst ......
vue3 甘特图（四）：甘特图进度条拆分
vue3 甘特图（四）：甘特图进度条拆分 目前项目采取有两种拆分进度条的方式。单个进度条展示多维度数据，一个总任务条下有多个子进程展示。 1.1 单个进度条展示多维度数据（不关联时间），如图 此方法是通过设置单个进度条上内容，以一个进度条为容器，修改内容（即task_text内容）展示多维度的数据， ......
vue 甘特图（附件）：甘特图附件
甘特图样式： .gantt_container { border-color: transparent !important; .gantt_right { top: 0% !important; display: flex !important; } .gantt_side_content { o ......
Java将SQL解析为SQL模板
/** * 获取sql模板 */ public String extraSqlTemplate(String sqlContent) { if (StringUtils.isBlank(sqlContent)) { return ""; } String[] sqlContentArr = sqlC ......
VUE 前端读取excel表格内容
<el-upload class="upload-demo" :action="''" :show-file-list="false" :auto-upload="false" :before-upload="beforeUpload" :on-success="handleSuccess" :on ......
vue3 AntV-X6 引入插件报错
vue3 AntV-X6 引入插件报错： Uncaught TypeError: Cannot read properties of undefined (reading 'ToolItem') vite 引入路径的问题解决就是在引入插件的路径后面加上/lib： import { Keyboard ......
vue基于vue-pdf实现pdf预览
<template> <div class="pdf-container"> <div class="page-tool"> 文件名称扩展 <div class="page-tool-fixed" v-if="showTool"> <span class="scale-icon" @click="p ......
如何实现元素的平滑上升？（vue和react版）
首先我们看下我们有时候需要在官网或者列表中给元素添加一个动画使元素能够平滑的出现在我们的视野中。 如上图所示，我们在vue中可以自定义指令，当我们需要的时候可以直接使用。废话不多说直接上代码。 首先我们创建一个vSlideIn.ts文件 import { DirectiveBinding } fro ......
vscode下载慢
官网下载链接 https://az764295.vo.msecnd.net/stable/6c3e3dba23e8fadc360aed75ce363ba185c49794/VSCodeUserSetup-x64-1.81.1.exe 1.81.1版本镜像源的下载链接 https://vscode.c ......
Vue3调用Element-plus涉及子组件v-model双向绑定props问题
Vue3调用Element-plus涉及子组件v-model双向绑定props问题 在Vue3调用Element-plus的el-dialog组件时，碰到个很有意思的问题，el-dialog的属性值v-model直接控制对话框的显示与否，点击关闭对话框和遮罩区域，组件内部会自动更改v-model的值 ......
在vue项目开发过程中，输入框以表单形式提交后，路径中多了问号？
结果是：http://localhost:8100/#/ 改变为 http://localhost:8100/?#/ 导致路由跳转出现问题。 原因：这里是 form 表单，点击了button 按钮，触发了他的默认事件，就是触发了提交这个行为。 解决方案：使用@click.prevent 阻止默认事件 ......
VSCode 中 Json 文件介绍
Visual Studio Code 官方文档 1. Json 配置文件 Editing JSON with Visual Studio Code settings.json 分类 defaultsettings.json : 只读格式，相当于官方的参考文档； settings.json: 自定义形 ......
怎么捕获 Vue 组件的错误?
errorCaptured 是组件内部钩子函数，当捕获一个来自子孙组件的错误时被调用，接收 error、vm、info 三个参数，return false 后可以阻止错误继续向上抛出 errorHandler 为全局钩子函数，使用 Vue.config.errorHandler 配置，接收参数与 e ......
服务器变动后 vscode远程连接失败
参考：https://developer.huawei.com/consumer/cn/forum/topic/0203853369117070036 删除C:\Users{用户}.ssh\known_hosts下的对应远程机器信息 哪个服务器变动就把那一行删除，保存文件，在vscode中重新连接即 ......
Vue3实现图片滚轮缩放和拖拽
在项目开发中遇到一个需求： 1：用鼠标滚轮可对图片进行缩放处理 2：点击按钮可对图片进行缩放处理 3：可对图片进行拖拽处理 我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用 <template> <div ref="imgWrap" class="wrap" @mousewheel.p ......
Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置
项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu ......
vue初始
简介 Vue 的两个核心功能： 声明式渲染：Vue 基于标准 HTML 拓展了一套模板语法，使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。 响应性：Vue 会自动跟踪 JavaScript 状态并在其发生变化时响应式地更新 DOM。 API 风格 Vue 的 ......
由于Vue实例没有执行DOM挂载，所以不会执行mounted钩子函数
现有以下代码, 打印的结果是（ ） new Vue({ data: { a: 'first', b: 'second' }, created: function () { console.log(this.a) }, mounted(){ console.log(this.b) } }) A 'fi ......
客户端首屏渲染时首先拿到空的html模板，之后继续发起数据请求。而服务器端渲染只需要请求一次，服务器会将请求的数据放在html模板中一起返回。
客户端首屏渲染时首先拿到空的html模板，之后继续发起数据请求。而服务器端渲染只需要请求一次，服务器会将请求的数据放在html模板中一起返回。 服务器端渲染耗费流量，局部页面的变化也需要重新请求完整的页面 客户端渲染就可以采用SPA，能实现局部组件的更新，服务器端渲染回来的就是整个的页面，如有变动， ......
由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才能让Vue将它转换为响应式的。
下列关于Vue响应式的描述错误的是（ ） A 当利用索引值设置一个数组项时，Vue不能检测到数组的变动 B 当修改数组的长度时，Vue不能检测到数组的变动 C Vue可以监听对象属性的添加或删除 D 可以通过Vue.set()方法向嵌套对象添加响应式属性 正确答案：C Vue无法检测property ......
vue3中的vue-18n的table表格标题不动态变化中英文
使用 computed 即可 eg： const columns = computed(() => { return reactive<any>([ { title: proxy.$t('device.pm.table.index'), dataIndex: 'index', width: 50, ......
vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记：oldStartIdx、oldEndIdx、newStartIdx、newEndIdx
关于Vue中的diff算法说法错误的是（ ） A 比较只会在同层级节点进行比较, 不会跨层级比较 B 在diff比较的过程中，循环从两边向中间收拢。 C vue的虚拟dom渲染真实dom的过程中首先会对新老VNode的开始和结束位置进行标记：oldStartIdx、oldEndIdx、newStar ......
Vue 在内部对异步队列尝试使用原生的 Promise.then、MutationObserver 和 setImmediate，如果执行环境不支持，则会采用 setTimeout(fn, 0) 代替
下列关于Vue的描述错误的是（ ） A 当给某个组件修改某个值时，该组件不会立即重新渲染 B Vue内部使用原生Promise.then、MutationObserver和setImmediate实现异步队列，不会采用setTimeout(fn, 0) C $nextTick()返回一个Promis ......
Object.defineProperty(obj,key,val)不可以监听数组变化，需要做特殊处理，所以Vue3.0使用Proxy实现数据监听
关于Vue双向数据绑定说法错误的是（ ） A Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式 B Object.defineProperty(obj,key,val)可以监听数组变化，不需要做特殊处理 C Vue2.0 数据劫持是利用ES5的Object.defineProperty(ob ......
Vue怎么监听路由参数的变化？
有两种方法可以监听路由参数的变化，但是只能用在包含<router-view />的组件内 第一种用侦听器监听 watch: { '$route'(to, from) { // 在此处监听 }, }, 第二种在路由守卫种监听 beforeRouteUpdate (to, from, next) { / ......