教程npm vue
使用Github Action在Github Pages上部署vue页面
Github Action部分： name: NodeJS on: push: branches: [ "master" ] # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: ......
Vue2x的自定义指令
在某些情况下，我们需要对底层DOM进行操作，而内置的指令不能满足需求，就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义，钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令，一种是全局定义，另一种在当前组件中定义 // 局部定义 export ......
vue兄弟组件传参
实现兄弟组件之间的参数传递可以通过以下方法： 使用共同的父组件来传递参数。 在父组件中定义一个数据属性，用于保存需要传递给兄弟组件的参数。 Copy export default { data() { return { message: 'Hello', }; }, }; 在父组件的模板中引用两个兄 ......
持续部署：提高敏捷加速软件交付（内含教程）
在当今快节奏的数字化环境中，企业不断寻求更快地交付软件、增强客户体验并在竞争中保持领先的方法。持续部署（Continuous Deployment, CD）已成为一种改变游戏规则的方法，使企业能够简化软件交付、提高敏捷性并缩短上市时间。持续部署是一种敏捷的软件开发方法，可帮助企业实现发布流程的自动化 ......
vue~对象的浅拷贝
浅拷贝 上面对浅拷贝的解释是否有问题？具我所知，浅拷贝只是复制了对象的属性，而复制出来的对象的引用与原始对象是不同的，这就是说，在修改新对象时，它不会影响到原始对象。 javascript中的实现 JavaScript 中可以使用不同方法实现对象的浅拷贝。浅拷贝只复制对象的第一层属性，不会复制嵌套对 ......
Vue3中的几个坑，你都见过吗？
Vue3 目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下： ......
vue2打包组件发布到npm
1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example，便于我们调试代码 3.增加packages文件夹，其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......
vue3下载文件
const dow= async (url: string,fileName:string) => { mulSelUrls.value=[] mulSelUrls.value.push(url as never) const requests = mulSelUrls.value.map(url ......
Vue vs React：你需要知道的一切
Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是Re ......
vue项目成功引入element组件的具体步骤
1、首先要确保vue项目能够成功在浏览器访问 2、一般使用的是vue3 那么，需要注意的是，element组件在vue3里面，需要使用的是element-plus 命令： npm install element-plus --save --legacy-peer-deps 下载完成之后，需要在mai ......
运行vue项目一直报错的问题的解决
问题描述 （上图为网图，自己的没来得及截图） 问题解决 第一个原因：vue版本过低； 使用下面的语句进行版本升级： npm i vue@3.2.3 但是我试了没啥用； 第二个原因：node版本过低； 使用下面的语句进行版本升级： --若是已经有更高级的版本，可以直接更换： nvm list nvm ......
UniApp是一款基于Vue.js开发框架的多端应用开发工具
UniApp是一款基于Vue.js开发框架的多端应用开发工具，它的目标是使开发者能在一次编写的代码基础上同时在多个平台上运行，包括iOS、Android、H5、小程序等。UniApp的出现极大地提升了开发效率和用户体验，下面通过一个具体的案例来介绍UniApp的强大功能。 以某家锁具品牌“”为例，月 ......
鉴于vue2使用element组件不太方便，换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成！ 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成！（等了大概快10分钟） ......
粗识QT6-1-安装教程
欢迎大家收看--粗识系列--希望大家喜欢。 1、安装第一步，YOU KNOW！打开浏览器--搜索qt官网 2、注册账号，登录账号--一系列操作，凭小主喜好设置即可。 3、QT6的下载地址：Index of /archive/qt/6.2 4、目前QT6是在线下载工具，安装设置按需下载，满足项目开发需 ......
go微服务开发：go-zero入门教程（三）
背景：开发中，免不了要对代码进行debug调试，go也不例外，使用go-zero框架时，该怎么对项目进行调试呢？ 以user模块为例，找到service/user/api/user.go，这是user模块的入口，打开user.go可以看到main函数。 TRANSLATE with x Englis ......
Vue学习一：vue2的基本指令
Vue是一个构建用户界面的渐进式框架。官网：https://cn.vuejs.org/。 Vue可以用网上的CDN，也可以下载到本地（下载的话就是进入官网打开学习文档，点击基础里面的安装，点击里面的开发版本这几个字，建议下载开发版本，里面包含完整的警告和调试模式） 1、创建Vue2实例 首先将下载的 ......
Vue.js 官方脚手架 create-vue 是怎么实现的？
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行 ......
vue3探索——5分钟快速上手大菠萝pinia
温馨提示：本文以vue3+vite+ts举例，vite配置和ts语法侧重较少，比较适合有vuex或者vue基础的小伙伴们儿查阅。 安装pinia yarn yarn add pinia npm npm install pinia pnpm pnpm add pinia 1-开始 方式一：在main. ......
Nginx实战教程
B站最易懂的Nginx实战教程，全程干货无废话！只需90分钟就能学会！ https://www.bilibili.com/video/BV19V4y1i7ar?p=1&vd_source=f94762f40dbb72123cdfef2c22447c7a ......
Python教程(13)——Python运算符详解|算术运算符|比较运算符|逻辑运算符|位运算符
Python的运算符是用于执行各种操作的符号或符号组合。它们用于操作数据并进行算术、比较、逻辑和其他类型的运算。我们所熟知的加减乘除也是运算符中的一种。Python提供了多种类型的运算符，有算术运算符，比较运算符，赋值运算符，逻辑运算符，位算符等等。 算术运算符 算术运算符是Python中比较简单的 ......
Windows安装Maven教程
一、Maven介绍Maven是一种流行的构建工具，用于管理Java项目的构建过程、依赖项和项目生命周期。它提供了一种简单而灵活的方式来构建、测试和部署Java应用程序。 Maven使用一个XML配置文件来定义项目的结构和构建过程。通过这个配置文件，你可以指定项目的依赖项，定义构建阶段，配置插件以及其 ......
AI绘画：StableDiffusion实操教程-诛仙-碧瑶（附高清图下载）
前段时间我分享了StableDiffusion的非常完整的教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通 ” 不久前，我与大家分享了StableDiffusion的全面教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通”。然而，仍有些读者提出，虽然 ......
Python日志库Loguru教程
1.为什么选用loguru python自带的logging模块，需要完成复杂的配置才能很好的使用，基本生产环境都需要进行二次包装。 loguru专门梳理了这方面的问题，可以通过简单直接的配置完成你的需求。 简单的例子： from loguru import logger logger.info(" ......
Git教程
创建版本库和时光穿梭 git init 文件名 #创建git仓库 git add 文件名 #添加文件到暂存区 git commit -m "注释" #添加暂存区文件到版本库（本地仓库） git commit -a -m "注释" #直接将工作区文件添加到版本库 git status #查看当前仓库的 ......
vue3 如何获取格式为 proxy 值的原始值
vue3中变量多使用 ref, reactive 来声明。如下： const firstName = ref('Tom') const lastName = ref('Jerry') const form = reactive({ name: '', sex: '', age: '', area: ......
理解vue中的 slot-scope=scope
slot是插槽，slot-scope=“scope“语义更加明确，相当于一行的数据，在实际开发中会碰到如下的场景， 页面上的头衔列是变化的，而我们就可以通过后端返回的具体值来判断这里应该显示什么样的内容，具体代码如下 <template> <div class="login-container"> ......
cnpm : 无法加载文件 \npm\cnpm.ps1，因为在此系统上禁止运行脚本。 问题解决
很久没有弄前端VUE了。最近用到的vscode进行前端摸索。 在用NPM的时候，发现有点慢，于是切换到了cnpm。 在使用cnpm进行运行的时候报错了。 “cnpm : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\cnpm.ps1，因为在此系统 ......
export ‘Vue‘ (imported as ‘Vue‘) was not found in ‘vue‘
export 'Vue' (imported as 'Vue') was not found in 'vue' (possible exports: $computed, $fromRefs, $raw, $ref, BaseTransition, Comment, EffectScope, Fra ......
AI绘画：StableDiffusion实操教程-斗破苍穹-云韵-常服（附高清图下载）
前段时间我分享了StableDiffusion的非常完整的教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通 ” 不久前，我与大家分享了StableDiffusion的全面教程：“AI绘画：Stable Diffusion 终极宝典：从入门到精通”。然而，仍有些读者提出，虽然 ......
记录--Vue的缓存组件 | 详解KeepAlive
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 一. keep-alive 的作用 二. keep-alive 的原理 三. keep-alive 的应用 四. keep-alive 的刷新 五. keep-alive 页面缓存思路 一. keep-alive 的作用 首先引用官 ......