vue vue-cli-service min源码

VS CODE,保存自动格式化vue代码配置 流程记录

进入vscode,ctrl+shift+p ,搜索Preferences: Open User Settings(json) ,然后把下面配置覆盖到原本的地方 { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false ......
流程 代码 格式 CODE vue

vue十六

<div id="app16" style="text-align: center;margin-top: 10%;"> <div> <input id="sou" type="text" style="width: 40%;" v-model="word"> <button style="heig ......
vue

vue中使用element中的表单展示数据

要注意表单的data不能写错,只能是tableData data里面的“item”可以改成别的,无所谓 ......
表单 element 数据 vue

vue15

<div id="app15"> <ul> <li v-for="(item , index) in news" :key="item.id" > {{ item.title }} <img alt="img" :src="item.img"> </li> </ul> </div> <script> ......
vue 15

vue3 基础-Pinia 可能替代 Vuex 的全局数据状态管理

Pinia 初体验 Pinia.js是由Vue.js团队核心成员开发的新一代状态管理器,使用Composition Api进行重新设计的,也被视为下一代Vuex。 Pinia是一个Vue的状态管理库,允许跨组件、跨页面进行全局共享状态,也由于其设计的简洁性、和对typescript的良好支持,取代V ......
全局 状态 基础 数据 Pinia

在Vue3中使用Element-Plus分页(Pagination )组件

在Vue3中使用Element-Plus分页(Pagination )组件 开发过程中数据展示会经常使用到,同时分页功能也会添加到页面中。 记:在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 开始实现 引入表格和分页组件的H5标签。 <strong>Element-Plus ......
Element-Plus Pagination 组件 Element Vue3

vue项目中如何解决出现两次重新登录弹框的问题?

举例描述一下业务场景:当token过期,需要用户重新登录时,需要在页面弹框提示重新登录。 显然这个重新登录的提示弹框的逻辑是在响应拦截器中加的,我的代码如下:(只提供部分代码) 1 // 返回拦截器 2 service.interceptors.response.use( 3 response => ......
项目 问题 vue

自定义Vue脚手架

创建一个vue项目,项目名叫custom 选择最下面的自定义脚手架 选择你需要的配置 选择vue版本 询问是否采用历史模式,默认是hash模式,history模式需要后端进行额外配置 选择CSS预处理器 选择eslint规范,这里选择的是无分号的规范 选择什么时候进行校验,这里选择的是保存时进行校验 ......
脚手架 Vue

vue slot插槽

插槽(slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽,可以把插槽认为是组件封装期间,为用户预留的内容的占位符,适用于父组件→子组件,$slots是组件插槽集,是组件所有默认插槽、具名插槽的集合,可以用来获取当前组件的插槽集。 插槽可 ......
slot vue

springboot3+vue3大事件的展示

跟着黑马老师,做了一遍收获很大 ......
springboot3 springboot 事件 vue3 vue

vue项目中,如何去掉报错时出现的黑色遮罩?

比如在我们发送请求时 ,返回401,此时出现带有401提示信息的黑色遮罩,我们不想要这个遮罩出现,只需要在控制台有报错信息就好,如下图显示,如何解决呢? 解决办法:在vue.config.js文件中配置如下代码即可: ......
黑色 项目 vue

拼多多订单生成器手机版,支持淘宝京东截图生成,E4A源码,仅供娱乐学习

闲着用E4A对接了JAVA类库制作了一个订单生成器,当然我叫了水印,这个软件或者里面的截图做不了啥坏事,仅仅用来学习娱乐装逼用的,下面是框架和代码。 框架图1: 框架图2: JAVa代码库: // 商品类 class Product { String name; double price; int ......
生成器 截图 源码 订单 手机

Vue中跟 keep-alive 有关的生命周期是哪些?

在开发 Vue 项目的时候,大部分组件是没必要多次渲染的,所以 Vue 提供了一个内置组件 keep-alive 来缓存组件内部状态,避免重新渲染,在开发 Vue 项目的时候。 生命周期函数:在被 keep-alive 包含的组件/路由中,会多出两个生命周期的钩子:activated 与 deact ......
keep-alive 周期 生命 alive keep

vue中遇到的函数执行顺序问题

vue中遇到的函数执行顺序问题 总结:vue中方法和方法间并未严格按照执行顺序执行的,可以使用async和await修饰符,使方法调用和执行是异步的。 在vue中的方法调用顺序是依次进行的,方法体内部也是依次执行的, 但是,两个方法体的执行顺序并不能严格控制,也就是说,并不一定是先执行完第一个方法后 ......
函数 顺序 问题 vue

vue3+cesium导入行者app的gpx轨迹数据

软件版本: vue3.2 cesium1.110.0 vite:3.1.2 1)到行者APP的PC端官网下载gpx数据 2)将gpx文件放到项目里 这里要将行者导出的gpx文件修改一下,把 xmlns="http://www.topografix.com/GPX/1/0" 改为 xmlns="htt ......
行者 轨迹 数据 cesium vue3

vue通过表格当中的数据渲染表格

<el-table-column label="审核状态" width="120"> <template slot-scope="scope"> <div v-if="scope.row.examStatus == 'false'">未审核</div> <div v-else>已审核</div> < ......
表格 数据 vue

小甲鱼Delphi教程37课《读写修改记录型文件》源码

说明:本程序用delphi10.4重写编写 一、最后效果 二、源码 1 unit Unit1; 2 3 interface 4 5 uses 6 Winapi.Windows, Winapi.Messages, System.SysUtils, System.Variants, System.Cla ......
甲鱼 源码 文件 教程 Delphi

手撕Vue-Router-知识储备

前言 本文是手写Vue-Router的第一篇,主要是对Vue-Router的知识储备,为后面的手写做准备。 那么 VueRouter 怎么实现呢?要想实现 VueRouter,首先要知道 VueRouter 它的本质是什么。 VueRouter 的本质 VueRoute 的本质是什么?VueRout ......
Vue-Router 知识 Router Vue

wxid转微信号工具,通过QQ号转WXID,协议源码纯代码分享!

这个协议其实跟网上分享的小程序调用查微信号接口不一样,我这种是另类的,但是能实现同样的效果代码我整合好了,就纯代码,UI界面下面我也会分享出来,主要是协议代码需要大家好好学习研究一下,我自己也研究了很久才HOOK出来的,需要服务器和客户端连接奥,我这边只分享服务端的代码,也就是核心的数据转换代码。 ......
源码 信号 代码 工具 wxid

Vue的自定义指令

在使用自定义指令的标签写入v-'自定义指令名' <template> <div class="box" v-loading="loading"> </div> </template> export default { data () { return { loading:true } }, } 公共 ......
指令 Vue

并发之AQS源码学习

/** * * 学习 AbstractQueuedSynchronizer * * 1. state是aqs的重要属性,说明锁的使用次数 * 2. CustomAbstractQueuedSynchronizer,存在 head 与 tail 属性,所以其本身就是一个链表。并没有使用集合 * 3. ......
源码 AQS

vue调用完一个接口 全局中才调用另外N个接口

mounted(){ // 先调用initParam接口 再调用第二个接口 this.initParam().then((res)=>{ this.getDataList(); }) },// 1. 把方法挂载到全局 methods: { async initParam(){ const {code ......
接口 全局 vue

Vue3 Element-Plus 一站式生成动态表单

数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
表单 Element-Plus Element 动态 Vue3

Vue 设置为history模式之后,刷新页面报404错误的解决办法

网上搜索出现很多修改前端或后端的方法试了都不行,后来在IIS中添加URL重写规则就解决了(如果没有Url重写模块,需要下载安装:rewrite_amd64_zh-CN.msi),设置重写之后会在网站前端根目录下生成一个web.config文件。所以如果嫌配置url重写麻烦的话,直接把这个web.co ......
错误 history 模式 办法 页面

vscode如何配置运行vue项目

在vscode中如何调试运行vue项目 在.vscode中添加launch.json内容如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=8 ......
项目 vscode vue

一个简单案例的Vue2.0源码

本文学习vue2.0源码,主要从new Vue()时发生了什么和页面的响应式更新2个维度了解Vue.js的原理。以一个简单的vue代码为例,介绍了这个代码编译运行的流程,在流程中原始DOM的信息会被解析转换,存在不同的对象中。其中关键的对象有el、template、ast、code、render、r... ......
源码 案例 Vue2 Vue

uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示

uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
脚手架 项目 uniapp vscode vue3

Vue多页面和单页面的场景

开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
页面 场景 Vue

Visual Studio编译调试MySQL源码

最近想阅读下MySQL源码,虽然在linux下编译MySQL源码还是很顺利的,但是奈何不习惯在linux下阅读代码,比较喜欢用宇宙第一IDE Visual Studio来阅读调试代码,下面就记录下在windows上用visual studio来编译MySQL 5.7.44的源码。 下载mysql源码 ......
源码 Visual Studio MySQL

Visual Studio中使用SourceLink调试Abp源码

在Visual Studio中目前已经能轻松的调试Abp源码,只需要以下两步操作。 【选项】中设置调试 最重要的一步,Nuget安装SourceLink.Copy.PdbFiles库,启用SourceLink调试后未安装该库不会下载对应pdb文件 启动调试,等待自动下载源码符号文件,然后就可以愉快的 ......
SourceLink 源码 Visual Studio Abp