多个vue-cli版本vue
使用create-vue创建vue3项目
create-vue是vue3新的脚手架搭建项目工具，底层构建工具使用**vite**，而不是vue-cli的webpack。 但不是说你不能用以前的`vue create`命令来创建vue3项目，你完全可以用vue-cli来创建。 vite：[https://cn.vitejs.dev/guide ......
VUE
Vue是构建用户界面的渐进式JavaScript框架 尤雨溪开发的 特点： 1.采用组件化模式，提供代码复用性、且让代码更好维护 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率。 3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。 ......
HTML 全屏水印 vue 全屏水印
HTML 全屏水印 vue 全屏水印 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0; ......
VUE使用模板页面并预留子页面区域
1.新建模板页面 MainLayout.vue，并在template 里面防止标签用于嵌入 子页面内容 <template> ''' 其他页面内容 '''<router-view></router-view> ''' 其他页面内容 '''</template>2.在 router的index.js ......
查看安装的python版本
1、如何查看python已安装包? 2、linux开发哪里好？ 3、怎么判断电脑适应什么样的python安装包? 4、怎么查看python是否安装好 如何查看python已安装包? windows系统，运行——cmd，进入dos窗口，输入python，安装成功的话可以看到版本信息并进入编程模式，如下 ......
Vue 路由懒加载
随着 Web 应用的复杂性不断增加，性能优化成为了开发人员必须面对的挑战之一。Vue 路由懒加载是一项关键技术，它可以帮助我们提高 Web 应用的加载速度，从而提升用户体验。
在本篇技术博文中，我们将深入探讨 Vue 路由懒加载的背景、原理以及使用方法。我们还将分享一些优化和进阶技巧，帮助开发人员... ......
antd vue 解决a-select下拉菜单跟随页面滚动
问题描述： antd a-select 下拉菜单 会跟着滚动一块走 官方原话：getPopupContainer菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位 解决方案 ： 这样就ok了 :getPopupContainer="trigger ......
vue 全局事件总线
1. 在main.js中安装全局事件总线 // 引入vue app import Vue from "vue"; import App from "@/App"; // 关闭生产提示 Vue.config.productionTip = false // 创建vm new Vue({ el:'#ap ......
vue2生命周期、vue3生命周期、uni-app生命周期
一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、vue2生命周期（钩子函数） （1）钩子函数： 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
vue 步骤条
效果图 <template> <!-- --> <div class='stepBar' v-if="list"> <dl> <dd v-for="(item, index) in list" :key="index" :class="{ actafter: index + 1 <= selecte ......
编译安装最新版本VIM
# 编译安装最新版本VIM 命令： ``` git clone https://github.com/vim/vim.git cd vim/src make sudo make install vim ``` ## 编译时可能出现的错误 ### 1.错误：no acceptable C compil ......
Vue全家桶系~2.Vue3开篇（过渡）
# Vue全家桶 先贴一下Vue3的官方文档： > 官方API文档： ## 1.前言：新旧时代交替 ### 1.1.开发变化 1.**网络模型的变化**： 1. 以前网页大多是b/s，服务端代码混合在页面里； 2. 现在是c/s，前后端分离，通过js api(类似ajax的方式)获取json数据，把 ......
插件系列 vue2安装tailwindcss
官方网址：https://www.tailwindcss.cn/docs/installation 安装步骤： 直接安装 创建文件 tailwindcss.css main.js全局引入文件 tailwindcss.css 在项目更目录下执行初始化配置文件指令 第一步：直接安装 npm instal ......
c# 不通过注册表，检测系统安装的.net版本
/// <summary> /// 检测是否安裝4.7.2以上版本 /// </summary> /// <returns></returns> bool CheckNet472() { //C:\Windows\Microsoft.NET\Framework string net = "Micro ......
文本关键词高亮-vue版本
、、 <template> <div> <div> <input type="text" @keyup.enter="mark"> </div> <div ref="text" style="height: 200px; overflow: auto" v-html="html"> </div> < ......
Vue v-on 修饰符
官方文档;https://cn.vuejs.org/guide/essentials/event-handling.html#event-modifiers ......
vue 文档解释
当你将一个响应式对象的属性赋值或解构到一个本地变量时，访问或赋值该变量是非响应式的，因为它将不再触发源对象上的 get / set 代理。注意这种“断开”只影响变量绑定——如果变量指向一个对象之类的非原始值，那么对该对象的修改仍然是响应式的。 注意这种“断开”只影响变量绑定（有歧义，应该是 只影响原 ......
vue2调用接口
初见vue2，试探了两天，第一次正经接触前端，蛮兴奋的。 1. 首先，通过FastAPI简单构造几个后端接口 ~~~ import uvicorn from fastapi import FastAPI, Header from typing import Union from typing_ext ......
在低版本glibc的环境里运行基于高版本glibc编译的可执行程序
# 背景 在工作过程中，我们经常会遇到可执行程序依赖的glibc跟当前运行环境的版本不兼容，导致应用程序无法运行，比如： /lib64/libc.so.6: version `GLIBC_2.14’ not found 原因是运行环境的glibc的版本比编译环境的glibc的版本低。 # 几种可行的 ......
C++ 各代版本以及主要区别
和大家平时用的APP等一样，编程语言每隔一段时间也需要重新制定标准。C++作为老牌编程语言，有着丰富的STL库以及比较规范的语法，是一个比较受欢迎且适合初学者接触编程时的第一个语言，本文简单介绍一下C++的主要版本更替，以及C++11标准和之前的有何区别。 版本更替1. C++98第一版ISO/IE ......
JDK和Spring版本兼容性
Spring VersionJava Version 5.x JDK 8, 9, 10, 11, 12, 13 4.3.x JDK 6, 7, 8 4.2.x JDK 6, 7, 8 4.1.x JDK 6, 7, 8 4.0.x JDK 6, 7, 8 3.2.x JDK 6, 7 3.1.x J ......
springboot+activiti+vue+mysql 轻松搞定审批!(源码)
前言 activiti工作流，企业erp、oa、hr、crm等审批系统轻松落地，请假审批demo从流程绘制到审批结束实例。 一、项目形式 springboot+vue+activiti集成了activiti在线编辑器，快速开发平台，可插拔工作流服务。 二、项目介绍 本项目拥有用户管理，部门管理，代码 ......
Tomcat升级、名称修改、版本查看、webapps目录说明等总结
一、Tomcat升级1、普通小版本升级只要替换LIB文件夹下的JAR包即可。所有升级之前记得做好备份！2、注意升级尽量控制在同一大版本内，比方tomcat8、tomcat8.5、tomcat9等等，尽量不要跨大版本升级，如果非要跨大版本升级，建议不要采用替换JAR包的方式，替换webapps下的部署 ......
vue2使用table进行单元格合并，后面列合并需根据前某列条件合并
示例： <table class="table_style"> <thead> <tr> <td>姓名</td> <td>年龄</td> <td>车辆</td> <td>房子</td> <td>身份</td> </tr> </thead> <tbody v-for="(group, name) in ......
linux python版本切换alternatives
查看发现linux的python3命令指向alternatives alternatives是Linux系列操作系统的一个内置命令，即使最小化安装也有该命令，它的主要作用就是版本控制切换，比如，你的系统内有多个Python版本，Python3.8，Python2.7.5，Python3.6,。 [r ......
Vue 内置指令
<span v-text="msg"></span> <!-- 等同于 --> <span>{{msg}}</span> 官方文档:https://cn.vuejs.org/api/built-in-directives.html ......
已存在高版本.NET运行时或sdk下，安装低版本.NET runtime
相信各位开发朋友，在开发中都遇到过，如果你的电脑存在.NET 48，此时直接去微软官网下载比如.NET 461或者.NET45的runtime，安装时会报错：已经存在更高版本禁止安装。（这个问题似乎仅存在于.NET fx, .NET6或者7存在的情况下，装5就不会报这个问题） 其实解决方法很简单，之 ......
Vue 数据绑定 input v-if 切换后 取值不对
1、当一个页面有多个类型输入框时，联系人是 password 类型，联系地址是text类型, (1)当切换regType==1时联系地址还是password类型 (2)当限制输入长度时input的value值和v-model取得值也是不一样的 <div class="lfItem" v-if="re ......
vue 实现动态表单点击新增 增加一行输入框
点击增加后会新增一行，点击每行后面的删除图标则会删除该行，新增按钮只会出现在最后一行 ``` 删除 添加 ``` 定义方法 ``` // 添加原材料 const addDomain = () => { form.productItemList.push({ name: '', num: '', }) ......