vue模板vscode vue2
Vue3中使用Element Plus Icon图标
1. 安装 npm install element-plus --save 2. main.js 引入 import * as Elicons from "@element-plus/icons-vue"; for (const name in Elicons) { app.component(na ......
Vue动态添加style样式
最近在用uniapp开发安卓app,由于语法跟vue一致,就梳理了下动态添加style的方法: Object :style="{ fontSize: fontSize + 'px' }" :style="{ fontSize:( fontSize ?fontSize :'12')+'px'}" Ar ......
Vue 的最大的优势是什么?
Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快,并且作者是中国人尤雨溪,对应的 API 文档对国内开发者优化,作为前端开发人员的首选入门框架 Vue 的优势: Vue.js 可以进行组件化开发,使代码编写量大大减少,读者更加易于理解。 Vue.j ......
Vue学习
tips-1 vue组件的根标签只能有一个<div> 正确示例如下: <template> <div> </div> </template> 错误示例如下: <template> <div> </div> <div> </div> <div> </div> </template> tips-2 资源 ......
vue 在模板/v-bind中使用方法methods 的问题
每当渲染发生时,就会调用该方法并运行该函数。 每次组件渲染时都会运行。 模板中的函数调用会带来更大的性能成本。(相比computed) 每次组件重新渲染时,vue 模板中调用的函数都会执行。如果这些函数的计算成本很高,它们可能会降低应用程序的性能。你不希望这样,是吗?😁 ......
vue3 compositon api 和 common下写业务逻辑的区别
区别: Vue 3 的 Composition API 是一种处理和组织 Vue 组件内部逻辑的方式。它可以让你更灵活地组织和复用你的代码。 使用composition API可以将组件的逻辑拆分为小的、独立的函数或模块,并使用setup函数进行组合和重用。这对于一些复杂的业务逻辑或需要高内聚、低耦 ......
vscode使用SSH远程连接服务器并搭建c++环境
环境:win10,vscode,一台linux服务器 1.连接到远程平台 在vscode上安装Remote-SSH插件,安装后左侧边栏会多出这样一个图标; 点击这个图标,选择SSH右边的齿轮 弹出一个窗口,选择第一个选项 Host处填写远程服务器的名称(可以随便填),填写地址HostName, 用户 ......
【MME编写入门】后处理模板
1 float4 ClearColor = {1,1,1,0}; 2 float ClearDepth = 1.0; 3 4 float Script : STANDARDSGLOBAL < 5 string ScriptOutput = "color"; 6 string ScriptClass ......
vue本地能够访问图片,打包项目之后图片无法访问
//template中 <img :src="boxHerf" /> //js let boxHerf = ref('/src/assets/images/contain.svg') 上述写法本地能够正常访问图片,但是打包之后无法正常访问,将 boxHerf 换成下列写法即可解决 let boxHe ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是: 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
vue 解决路由跳转query参数类型会自动转换成字符串的问题
问题:使用query进行路由跳转传参时,传的是布尔值、数字等,在页面上route.query里面得到的却全是字符串。 // push跳转代码: this.$router.push({ path: './childPage', query: { userId: 666,isTest:false } } ......
Vue数据更新页面却没有更新的几种情况以及解决方法
情况一:Vue无法检测实例被创建时不存在于data中的变量 原因:由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化,所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如: 1 2 3 4 5 new Vue({ data:{}, t ......
vue路由模式区别
目的: 在vue中路由模式有history和hash模式两种模式:他们的目的是为了在SPA单页面情况下,切换页面不会向后端服务器发送请求; hash模式: 为以#作为分隔符, 原理:通过window.location.hash获取 hash值;监听hash中的hashchange事件,当URL的ha ......
【英语】外企离职感谢信-参考模板
Dear colleagues and friends, Today is my last working day in XXX(company NAME). It is my great honor to work with you, to know you. I want to express ......
vue3实现input输入框只能输入中文
简单记录下,方便以后复制 <el-input v-model="form.name" placeholder="使用人的姓名" :maxlength="20" :formatter="(value)=>value.replace(/[^\u4E00-\u9FA5]/g, '')" /> ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装,安装好了之后,在环境变量中会自动配置Node的地址,可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 (1)在 ......
前端大文件切片上传,断点续传、秒传等解决方案,vue中使用实例
先看逻辑 如何切片?如何获取文件唯一hash?与后端交互获取文件上传的状态,用于判断情况,是秒传还是续传?上传切片文件,判断失败文件重新执行?全部上传完成通知后端? 1、先上全部代码,后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
实用工具、02 效率篇 | VSCODE TypeScript 中文错误提示、错误信息行后显示
安装 Chinese (Simplified) (简体中文) Language 插件并重启生效 settings 搜索 typescript local,修改为 zh-CN 安装 Error Lens 插件(错误信息显示在当前行后) ......
Vscode里的插件,注释快捷键,文档声明,字符编码
一、在vscode安装插件live serverserver 二、注释快捷键ctrl+/ 三、文档声明 <!DOCTYPE html>:表示用的是哪个版本的HTML 四、字符编码 <mate charset="UTF-8"/> ......
Vue - 对数组进行分页,结合 el-pagination 组件
分页函数 file:[pager.ts] /** * 分页 * * @param list 数组 * @param currPage 当前页 * @param pageSize 一页数量 * @returns */ export function paginate(list: Ref<any[]>, ......
win10实现用VSCode打开文件夹
1. 修改注册表 1.【Win+R】打开运行,输入【regedit】,打开【注册表】 2. 【HKEY_CLASSES_ROOT】 ==> 【*】 ==> 【shell],如果没有【shell】,则在【*】下右键,【新建】 ==> 项,建立【shell分支】 3. 【shell】下【新建】==> 【 ......
dijkstra模板
暴力—时间复杂度O(n^2) int ne[N],h[N],idx,e[N],wt[N];//wt[]表示边权 void add(int u,int v,int w) //链式前向星存图 { idx++; e[idx]=v; wt[idx]=w; //边权 ne[idx]=h[u]; h[u]=id ......
并查集模板
网上抄的 constexpr int N = 1e7 + 10; struct lset { int p[N], rank[N], sz; //p[N]:根节点,rank[N]:根节点展开的树的深度 void link(int x, int y) { if (x == y) return; if ( ......
求质因数模板
欧拉定理求质因数: //欧拉定理求质因数 long long phi(long long x) { long long i; long long res = x; for (i = 2; i * i <= x; i++) { if (x % i == 0) { res = res / i * (i ......
快速幂模板
//快速幂 //底数128 long long ksm(__int128 a, long long b, long long p) { __int128 res = 1; while (b) { if (b & 1)res = res * a % p; b >>= 1; a = a * a % p; ......
这次弄一下maven 多模块项目,用vscode新建一下,便于管理项目
首先 创建一个mvn项目, 直接在命令行执行, 原型生成: mvn archetype:generate 选一个maven quick start的template, 然后删除src和target文件夹 在pom.xml里面version 下面加上<packing>pom</packing> 在此目 ......
二分模板 Acwing 789 数的范围
二分一定有解,若出现无解,一定是题目中无解二分步骤:定义check函数,先找到一个x,使得区间左边满足条件区间右边不满足条件, 定义mid = l + r >> 1去判断于x的关系,此时需要判断边界关系,例如当a[mid]小于x时,说明二分值在x的左边,此时缩小范围为【mid,r】, 即令 l = ......
问题记录 <VSCode Copilot 连接问题:Extension activation failed: "getaddrinfo EAI_AGAIN api.github.com"
问题描述 VSCode 使用Copilot时遇到如下问题: Extension activation failed: "getaddrinfo EAI_AGAIN api.github.com" 解决方式 笔者尝试了修改hosts、代理、重装插件等方法,但没有起效。 下面的方法解决了问题(在VSCo ......