Vue3学习记录

vue3 路由的使用

路由的使用在传统的Web开发过程中，当需要实现多个站内页面时，以前需要写很多个HTML页面，然后通过标签来实现互相跳转。在如今工程化模式下的前端开发，像Vue工程，可以轻松实现只用一个HTML文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。TIP从这里开始，所有包含到.vue文件引入的地方，可能会看到@xx/xx.vue这样的写法。@views是src/views的路径别名，@cp是sr
前端不加班·2024-08-31 16:45

vue3.x+typescript 配置全局属性-vue3配置全局axios

下面是在vue3.0定义源文件找到的一段说明注释/***Custompropertiesaddedtocomponentinstancesinanywayandcanbeaccessedthrou
我爱张智容·2024-08-31 16:37

SprinBoot+Vue学生选课小程序的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue3.6uniapp
赵广陆·2024-08-31 15:39

vue2/3 - 解决项目运行或安装依赖npm install时，出现报错 errno -4048 | Error: EPERM: operation not permitted, mkdir错误

错误截图在vue2|vue3|nuxt项目开发中，运行或执行安装依赖包命令install时出现报错：npmERR!errno-4048|npmERR!
街尾杂货店&·2024-08-31 14:06

谈谈nvm、nrm、pnpm的理解

nvm版本过低是不兼容vue3的项目的，我推荐1.
段子君·2024-08-31 14:32

Vue3项目中页面滚动加载更多的原生操作

效果:数据未回来就是加载中,加载数据完成后就会显示没有更多的数据了步骤一,定义无限下拉的商品组件:xtx-infinite-loading.vue使用了vueuse中的useIntersectionObserve来监听是否达到了可视化界面中,如果到达了界面,就像父组件传自定义属性load通知父组件做接下来的操作正在加载...亲，没有更多了import{ref}from'vue'import{use
是要开心的婷婷呀~·2024-08-31 08:53

vue3+vant4父组件点击提交并校验子组件form表单

先看效果代码如下父组件校验表单import{ref}from'vue';importChildFormfrom'./ChildForm.vue';constchildFormRef=ref(null);constvalidateForm=async()=>{if(childFormRef.value){try{constisValid=awaitchildFormRef.value.validat
再希·2024-08-31 08:51

JavaWeb——前端工程化

2.前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs
A_Tai2333333·2024-08-31 08:21

Vue的状态管理——Vuex3&4&Pinia

Vue3中Vuex的使用_vue3vuex-CSDN博客VueX详解_组合式vuex-CSDN博客15分钟学会PiniaVuex3和4详解Vuex3Vuex3是Vue.js2.x版本的状态管理库，它提供了一种集中式存储和管理组件状态的方式
GISer_Jinger·2024-08-31 08:49

C语言学习记录4

今日学习了注释和对于条件语句和和循环语句的初识：1.注释：用于解释代码。两种方式：1.代码前加//2.在被注释代码上一行加/*，在被注释代码下一行加*/。（C语言的注释不支持嵌套）2.初始条件语句与循环语句：两者与python语句相似，条件语句用if和else，循环语句用for，while,dowhile后面将加快进程，开始着手竞赛准备
XSR_yeah·2024-08-31 07:12

Vue搭建前端监控，采集用户行为的 N 种姿势

//Vue3路由写法const
奋斗的工程师·2024-08-31 06:39

vue3背景下，el-input嵌套在弹出框中，自动聚焦“失效”？如何实现自动聚焦

情景：在一个弹出框中，有一个el-input输入框，想要实现当弹出框出现时，input会自动聚焦。使用input的原生属性autofocus去自动获取焦点失效；使用ref获取el-input元素也显示undefined！！！..............先说结论：使用定时器！！//script标签部分内容constdialogFormVisible=ref(false)//获取到input框cons
Now？！·2024-08-31 06:39

vue3项目导入ansi_up报错

前言也是最近在研究项目里滚动输出log的功能时了解到这个插件的。简介ansi_up是一个轻量级JavaScript库，专为将含有ANSI颜色转义码的文本转换成HTML而设计。无论在浏览器还是Node.js环境中，它都能无缝运行。这个模块以单个ES6JavaScript文件的形式提供，无任何依赖，并且自2011年起已在生产环境稳定使用。安装npmiansi_up在页面中导入import{AnsiUp
夏与冰·2024-08-31 06:08

vue3项目使用EventSource实现流式输出例如滚动日志

前言之前接触的通信方式主要是HTTP请求和WebSocket，这次有机会了解到EventSource，记录一下。简介EventSource是一个浏览器端用于接收服务器推送事件（Server-SentEvents,SSE）的JSAPI。与WebSocket不同，SSE是单向的（服务器到客户端），适用于更新频率不高的实时通知、消息推送等场景。基本用法创建连接consteventSource=newEv
夏与冰·2024-08-31 06:08

vue3+vite+ts+pinia新建项目（略详细版）

1、新建项目npmcreatevite@latest2、安装依赖yarnaddvue-routeryarnadd-D@types/nodevite-plugin-pagessasssass-loader3、配置别名//vite.config.tsimport{defineConfig}from'vite'importpathfrom'node:path'exportdefaultdefineCon
chu_geng·2024-08-31 06:06

vue3+ts报错：找不到模块“./App.vue”或其相应的类型声明

原因是typescript只能理解.ts文件，不能理解.vue文件第一步在src下新建文件env.d.tsdeclaremodule'*.vue'{importtype{DefineComponent}from'vue'//eslint-disable-next-line@typescript-eslint/no-explicit-any,@typescript-eslint/ban-typesc
前端小顾·2024-08-31 06:05

vue3+ts项目新建后找不到模块vue或类型{}上不存在属性

新建的项目，不影响功能，但是红色的波浪线很不好看。在tsconfig.json文件中增加一行代码：让ts识别vue文件"include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"],
夏与冰·2024-08-31 06:34

第T10周：数据增强

>-**本文为[365天深度学习训练营]中的学习记录博客**>-**原作者：[K同学啊]**第10周：数据增强难度：夯实基础⭐⭐语言：Python3、TensorFlow2要求：学会在代码中使用数据增强手段来提高
OreoCC·2024-08-31 00:55

都2023了还不会Vue3？一篇笔记带你快速入门

Vue3简介Vue3是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。
Evan-Sky·2024-08-30 23:18

Chapter 06 axios使用指南

欢迎大家订阅【Vue2+Vue3】入门到实践专栏，开启你的Vue学习之旅！
Heaven645·2024-08-30 22:42

【vue3|第27期】Vue Router 中的 Meta 属性：灵活控制与增强你的应用

我们一起成长；如果有不对的地方，还望各位大佬不吝赐教，谢谢^-^1.01365=37.7834；0.99365=0.02551.02365=1377.4083；0.98365=0.0006说在最前面：本文vue3
Commas.KM·2024-08-30 21:07

Vue3+Vite 导航与内容div都填了背景，打包的时候，发现直接报错(Rollup failed to resolve import “resource/img/xx.jpg“)的解决

1、先上个打包时报错的图：2、上个一开始的代码：-->上面的代码，在测试的时候，一切都正常的，但是在打包的时候，直接通不过。3、我们来通过定义import解决这个问题：constwordImg=ref('resource/img/word.jpg');说明：也就是我们用ref来包裹一下就可以了，当然这个里的src记住前面加一个：冒号。4、然后我们发现style中的图片打包时，没有报错，但是上传完成
花花鱼·2024-08-30 21:36

Activity7框架使用学习记录

用于记录在项目中使用工作流框架PROC_DEF_ID:流程定义的idbpmn文件中对流程图定义的idTASK_DEF_KEY:任务定义的idbpmn文件中对每个任务定义的idPROC_INST_ID:流程实例id启动一个流程时对流程定义的idPROC_DEF_ID（流程定义的ID）：在BPMN（BusinessProcessModelandNotation）文件中，流程定义的ID是对整个流程图定义
爱为斯坦·2024-08-30 19:56

SpringBoot3+Vue3集成AOP系统日志

建表logsCREATETABLE`logs`(`id`int(11)NOTNULLAUTO_INCREMENT,`operation`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作名称',`type`varchar(255)COLLATEutf8mb4_unicode_ciDEFAULTNULLCOMMENT'操作类型',`i
胖头鱼丁·2024-08-30 18:23

vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用

importUserFormfrom'./components/UserForm.vue';importTableListfrom'./components/TableList.vue';importBarChartfrom'./components/BarChart.vue';constcurrentActive=ref('UserForm')constmyComponents=reactive
陌上烟雨寒·2024-08-30 14:51

动手学深度学习（pytorch）学习记录20-自定义层[学习记录]

在深度学习中，自定义层是指开发者根据特定需求编写的神经网络层，而不是使用深度学习框架（如PyTorch、TensorFlow等）提供的现成层。自定义层可以让模型更加灵活，以适应特定的任务或数据集。目录没有参数的自定义层带参数的层没有参数的自定义层下面的CenteredLayer类要从其输入中减去均值。要构建它，只需继承基础层类并实现前向传播功能。importtorchimporttorch.nn.
walfar·2024-08-30 13:13

动手学深度学习（pytorch）学习记录21-读写文件(模型与参数)[学习记录]

目录加载和保存张量加载和保存模型参数保存模型的好处众多，涵盖了从开发到部署的整个机器学习生命周期。节省资源：训练模型可能需要大量的时间和计算资源。保存模型可以避免重复训练，从而节省时间和计算资源。快速部署：一旦模型被训练并保存，它可以迅速部署到生产环境中，加速产品上市时间。版本控制：保存不同版本的模型有助于跟踪模型的迭代过程，便于比较和回滚到之前的版本。离线使用：保存的模型可以在没有网络连接的情况
walfar·2024-08-30 12:42

Vue3 + Axios双Token刷新解决方案

本文将介绍如何在Vue3项目中使用Axios实现双Token刷新机制，确保用户体验流畅的同时提高安全性。
洛*璃·2024-08-30 12:10

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?
爱学英语的程序媛·2024-08-30 12:04

Vue3_指令(内置和自定义)

目录一、内置指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-once14.v-memo（3.2+）15.v-cloak二、自定义指令1.规则2.钩子一、内置指令1.v-text更新元素的文本内容。{{msg}}2.v-html更新元素的in
开心小老虎·2024-08-30 12:04

vue3+ts 引入 json-editor-vue3 报错

报错内容SyntaxError:Therequestedmodule'/node_modules/jsoneditor/dist/jsoneditor.min.js?v=00499bcc'doesnotprovideanexportnamed'default'(atjson-editor.vue:2:8)尝试解决、1.import'jsoneditor'importJsonEditorVuefro
Red_Xx·2024-08-30 10:24

uniapp微信小程序报错Component is not found in path

正确：components/组件文件夹/组件.vue错误：components/组件文件夹/组件文件夹/组件.vue3.不清楚原因，这样改就不会报错，人嘛了
陈不知代码·2024-08-30 08:09

Vue3初识

利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive
冲锋敢死曾小贤·2024-08-30 07:00

《微班会创意设计与实施》学习记录

终于读到150页了，实践证明，学习的确很难熬，读了十几天才150页。最近的案例基本都是解决违纪事件。如果学生多次出现同样的违纪事件，多半是班级的反馈机制出了问题，包括学生对老师的及时反馈和老师对学生的及时反馈，班主任要及时补救。并且一定避免班级出现小团伙。一旦违反纪律的学生抱团了，无论男生团伙，女生团伙，都会气焰大涨，班主任就会一对多，很难对付。一旦抱团，班主任就要想办法分化。
雎雎_·2024-08-30 06:44

C语言学习记录（三）

我们紧接上篇的内容，上节我们提到了数据类型以及一些运算符，这节我决定给大家分享一下顺序结构，让大家更加深入理解、以及能达到自己运用运算符完成一些与顺序结构相关的简单的题目。一.顺序结构顺序结构是三大基础结构中最简单也是最容易的，其实现方式为从上至下依次进行，不需要进行任何判断，它是由一系列按特定顺序执行的操作组成，每个操作完成后才会执行下一个操作，这种执行过程就像按照任务列表逐项完成一样，依照线性
Tian Sifan·2024-08-30 06:30

学习记录第十二天

标识符的作用域：作用域：标识符可生效的范围局部作用域（LocalScope）:1.定义：局部变量是在函数内部或某个代码块（如if语句或循环语句）中声明的变量。它们的作用域仅限于声明它们的函数或代码块。2.生命周期：局部变量的生命周期是短暂的，它们在函数调用开始时被创建，在函数调用结束时被销毁。对于在代码块中声明的变量，其生命周期从变量声明开始到代码块结束时结束。全局作用域（GlobalScope）
喵了d喵·2024-08-30 06:58

学习记录第十九天

标准io的概念IOinputoutputI：键盘是标准输入设备====》默认输入就是指键盘O：显示器是标准输出设备==》默认输出就是指显示器Linux操作系统当中IO都是对文件的操作manmanman==>所有man的帮助manxxx==man1xxx===>查看当前xxx命令man2xxx===>查看xxx对应的系统调用函数man3xxx===》查看xxx对应的标准库函数fopenfopen是C
喵了d喵·2024-08-30 06:58

学习记录第二十五天

wait函数wait函数是一个系统调用，用于等待一个子进程结束并回收其资源。当父进程调用wait函数时，它会暂停执行，直到至少有一个子进程结束。wait函数的原型如下：#include#includepid_twait(int*status);1.status参数是一个指针，用于存放子进程的退出状态信息。如果不需要检查子进程的退出状态，这个参数可以设置为NULL。2.如果wait函数成功，它返回结
喵了d喵·2024-08-30 06:58

【记录】 VUE3 + VITE + TS配置不同环境

根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注：vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://dev.api.xxxx.com3.在package.json配置环境启动"scripts":{"serve:dev":"vite--modedevelopment","serve:test":"v
——a·2024-08-30 04:18

Vue3+Vite2环境变量配置，分别配置本地，测试，正式

第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155'VITE_PORT=8080VITE_BASE_URL='./'VITE_OUTPUT_DIR='dist'VITE_API_DOMAIN='http://10.1.1.11
embelfe_segge·2024-08-30 04:47

vue3+element-plus实现table表格整列的拖拽

参考文章：https://blog.csdn.net/candy0521/article/details/136470284一、为防止原文章不见了将参考文章代码拷过来了（不好意思）：这是参考文章的代码可直接复制粘贴运行import{nextTick,onMounted,reactive,ref}from"vue";importSortablefrom'sortablejs';consttableD
不恰香菜辣baga·2024-08-30 00:48

vue3+ts+canvas项目中图片进行矩形批注

canvas是什么？一个html5支持的新标签，见名知意，canvas就是画板的意思，可以在canvas上画画。css画三角形很简单，但是要画五角星呢，不妨试试canvas（文档有教学）今天我们做的是在图片中画矩形，顾名思义就是模仿批注功能。看效果：废话不多说直接上代码删除import{ref,reactive,onMounted}from"vue";constflag=ref(false);co
嘴巴嘟嘟·2024-08-29 22:34

微信小程序学习记录（2）视图层之wxml（数据绑定大括号，wx:for,wx:if）

1，数据绑定WXML中的动态数据均来自对应Page的data。用双大括号将变量包起来，可以作用于(参考：https://www.w3cschool.cn/weixinapp/weixinapp-data.html)内容{{message}}Page({data:{message:'HelloMINA!'}})组件属性（需要在双引号之内）Page({data:{id:0}})控制属性（需要早双引号之
Spider_man_·2024-08-29 21:56

vue动态绑定事件、传递参数

下面的代码示例就采用vue2了，vue3也是一样的。v-bind相信大家对vue的父传子已经很熟悉了。
会说法语的猪·2024-08-29 14:38

【菜狗学前端】 初探TS（结合在vue3中的使用）

TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型：基本类型:
佛系菜狗·2024-08-29 11:21

AI学习记录 - 对抗性神经网络

有用点赞哦学习机器学习到一定程度之后，一般会先看他的损失函数是什么，看他的训练集是什么，训练集是什么，代表我使用模型的时候，输入是什么类型的数据。对抗神经网络其实可以这样子理解，网上一直说生成器和判别器的概念，没有触及到本质。我有一种看法：假如当前场景是输入模糊图片，然后输出高质量图片。当判别器和生成器本来就是一个模型，在不把判别器生成器拆开的时候，我输入一张图片，这个模型输出的是0和1，那这个整
victor-AI最好的学习方式是画图·2024-08-29 09:40

一文带你读懂vue3中directive指令的那些事

概述vue3中内置了很多丰富实用的指令，如v-show、v-if/v-else或v-model等，但是实际开发中可能我们还需要某些统一的处理，比如交互按钮的防抖，输入框的自动focus等，这时我们就可以通过
Jinuss·2024-08-29 05:11

MyPrint打印设计器（二）vue3 实现历史步骤记录

通过vueuse中的useManualRefHistory，快速实现历史操作记录所需环境：vue实现目标历史记录撤销重做记录覆盖代码原理把键盘监听事件挂载在document上，当键盘事件发生时，依次匹配事先订阅的快捷键/单按键事件，如果有匹配到对应的订阅，则进行事件回调，并且停止键盘事件的回调。按下的按键进行转换，把mac/win的键盘差异进行了兼容实现效果vue历史记录实战核心代码import{
那叫一个优雅·2024-08-29 04:37

Vue3的Suspense：Suspense是Vue3的另一个新特性，它允许我们在等待异步组件时渲染一些“备用”内容，提高了用户体验。

I.引言A.对Vue3的简要介绍：Vue.js是一款开源JavaScript框架，用于构建用户界面和单页面应用。自从2004年发布以来，Vue.js在全球开发者社区中受到广泛欢迎。
哎 你看·2024-08-29 01:46

vue3 基础用法

vue3的基础用法对于MVVM的理解双向绑定a.语义化模版提升开发效率b.MVC：把系统应用分为：model（操作的dom，数据结构）|view（渲染出来的视图dom）|controller（更新的调度
weixin_44101835·2024-08-28 23:31
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他