多个vue-cli版本vue
Mac电脑创建Vue项目时报错 错误内容：Error: command failed: npm install --loglevel error --legacy-peer-deps
解决方法：在命令vue create xxx前加sudo。 错误原因：应该是用户权限吧，深入不清楚，反正添加sudo后可以成功创建vue项目了。 ......
vue按需加载组件,异步组件
vue2按需加载组件,或者异步组件,主要是应用了component的 is 属性 ###vue2中的动态组件component,官方文档 <!-- 组件会在 `currentTabComponent` 改变时改变 --> <component v-bind:is="currentTabCompone ......
golang 版本管理（windows版本）
golang 版本管理（windows版本） 一、下载版本管理器 使用的开源项目地址：https://github.com/voidint/g 下载release安装包 https://github.com/voidint/g/releases/tag/v1.5.0 二、安装 打开powershel ......
vue点击图片获取图片原像素坐标
<template> <div> <img ref="image" width="1500px" :src="imageUrl" @click="handleClick"> <div v-if="showCoords">X: {{ x }}, Y: {{ y }}</div> </div> </te ......
vue-element-admin e-icon-picker的input一直不出来
今天项目中有用到e-icon-picker，然后正常引入如下： 安装依赖 全局引入css 全局注册 组件用法 按照以上步骤都加载了，但是页面中一直都没有出现 各种查找原因，最终浪费了很久时间才找到原因，是e-icon-picker的版本的问题，也就是1.1.7版本的input并没有，这个是版本自己的 ......
Vue基础语法整理
# vue基础用法&基础原理整理 1. vue基础知识和原理 1.1 初识Vue 想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象 demo容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法 demo容器里的代码被称为【Vue模板】 Vue实例和容器是一一对应的 ......
Vue10*10图片表格的点击效果
要求.使用Vue及自定义组件完成10*10图片表格点击效果 效果图 过程：一.用PS切图 1.打开PS，选择切图工具，在左边复选框选择切图工具。 2.单击右键鼠标，选择划分切片。 3.选择水平划分、垂直划分10*10，点击确定。 4.单击菜单栏文件，在导出栏选择储存为Web所用格式。 二.用HBui ......
100 多个常用免费 API 接口推荐与分享，收藏备用
写在最前 各类免费 API 接口整理，主要是 APISpace 上和其他各类开放平台上的一些，有需要的赶紧收藏备用。 高德地图 标准图层 TileLayer 卫星图层 TileLayer.Satellite 路网图层 TileLayer.RoadNet 实时交通图层 TileLayer.Traffi ......
【vue-blog】从SCF改为tsx
修改tsconfig.json { // ... "compilerOptions": { // 增加对jsx的支持 "jsx": "preserve" }, // ... } 创建tsx文件 1. index.tsx import {defineComponent} from 'vue'; exp ......
vue/react关与key的面试题
虚拟dom中key的作用 当状态中的数据发生改变时，react会根据新数据生成新的虚拟dom，随后react进行新虚拟dom与旧虚拟dom的diff算法比较，比较规则如下： 1.旧虚拟dom找到了与新虚拟dom相同的key a.若虚拟dom中的内容没变，则使用之前的真实dom b.若虚拟dom中的内 ......
一起学学Vue Router 4.X开发中用到的新特性
前言： vue3发布这么久以来，还没好好梳理过它相关的全家桶，今天我们先聊聊Vue Router 4.X的使用以及新特性！ 可以说路由是一个简单又复杂的东西，简单指的是我们日常使用的过程中只是不断的调用它的API,复杂则是我们有的需求场景需要结合路由原理去处理数据等问题，此时我们就不得不对其原理有很 ......
vue2 element ui 使用i18n 国际化配置
前提npm install vue-i18n 第一步：vue项目下新建locals文件夹，里面配置index.js内容如下，同时新建zh.js 和 en.js作为语言配置文件 import Vue from 'vue' import VueI18n from 'vue-i18n' import El ......
node版本升级 以及部分兼容问题解决
使用某开源vue项目时，npm run serve出现 1.Error: Cannot find module 'worker_threads' 这是node版本低的问题，Linux下升级 npm install n -g n stable Windows下下载新版本node覆盖旧版本即可 2.er ......
CAD如何设置多个视口同步？CAD视口同步设置技巧
在CAD绘图过程中，如果想要多个CAD视口同步，该如何操作呢？本节内容小编就以浩辰CAD软件为例来给分享一下多个CAD视口同步的设置技巧，一起来看看吧！ CAD视口同步设置技巧： 浩辰CAD软件扩展工具中提供了CAD视口同步功能，其可用于将一个或多个相邻的布局视口中的视图与主布局视口对齐。所有同步视 ......
使用vue完成图片表格的点击因隐藏效果
首先了解整个项目可以分几个板块。图片的切割，图片放入的框架构建，图片放入。 1.图片的分割，这里的图片分割可以使用PS，或者网上搜图片切割的网站上传图片就行（http://www.zuohaotu.com/cut-image.aspx） 2.创建一个项目，导入vue.js 3. 建立一个名字为"ap ......
vue 设置 菜单Item 背景色
<a-menu-item @click = "selectItem" :class = 'child.id==selected? "selected":""' v-for="(child) in item.children" :key="child.id" > data () { return { ......
在Vue项目中为何要重写push和replace
0.前言 为啥要重写push和replace，主要是你不写他会报错啊，为啥会报错呢，主要是因为函数式路由push方法返回的是一个promise对象，我们知道promise对象是有成功回调和失败回调的，但是我们并没有传入相应的回调就会出错。所以需要进行重写 1.重写$router.push 首先把原本 ......
Vue2 快速上手
1.声明式渲染 通过{{}}将数据渲染到页面： <body> <div id="app"> {{ message }} </div> </body> <script> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ......
关于 Vue 列表渲染 key 绑定 index 的性能问题
今天在学习 React 文档，列表渲染一节中提及到一个关于 key 绑定索引值（index）性能的问题： React 官方文档原文：“如果列表项目的顺序可能会变化，我们不建议使用索引来用作 key 值，因为这样做会导致性能变差，还可能引起组件状态的问题”。 查阅网上的博客，确实有对 Vue 列表渲染 ......
地铁系统Android版本开发PSP
PSP2.1 Personal Software Process Stages Time Planning 计划 2days · Estimate · 估计这个任务需要多少时间 7days Development 开发 6days · Analysis · 需求分析 (包括学习新技术) 2days ......
Vue 跑马灯效果
vue简单的跑马灯效果，直接封装的组件，引入就能用。 <template> <div class="block"> <h3 class="h3_title"> 特别提醒 </h3> <p class="words" ref="words" :text="content" > {{content}} ......
umijs服务器代理配置，多个代理
同时代理api和资源： //服务器代理 proxy: { '/api': { target: 'http://xxx', changeOrigin: true, pathRewrite: { '^/api/': '/api/', }, }, //media资源代理 '/media': { targe ......
ant design vue 2.0 select 二次封装组件
//a-select 组件文件 <template> <a-select placeholder="请选择" :value="defaultValue" :disabled="disabledSelect" @change="changeSelect"> <a-select-option value ......
nvm: node版本管理
前端在实际开发中，有时需要不同的node版本，这时就需要一个node版本管理工具 在Mac中，我们使用nvm来管理node的不同版本 安装 安装nvm brew install nvm 配置 配置~/.base_profile文件 export NVM_DIR="$HOME/.nvm" [ -s " ......
vue 监听 sessionStorage 的变化
原文链接：https://blog.csdn.net/weixin_41192489/article/details/125069656 将 sessionStorage 的变化注册为全局事件 setItem，在main.js中添加如下代码 Vue.prototype.setSessionItem ......
VsCode 常用好用插件/配置+开发Vue 必装的插件
一、VsCode 常用好用插件 1、实时刷新网页的插件：LiveServer 2、open in browser 支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari 补充一下：LiveServer 和 ......
如何一次将样式应用于多个类？
=> 要么 .abc, .xyz { margin-left:20px; width: 100px; height: 100px; } => 要么 a.abc, a.xyz { margin-left:20px; width: 100px; height: 100px; } => 要么 a { ma ......