Vue3安装配置第5页

在线图书管理系统”的Vue.js项目

我们将使用Vue.js2.x（或Vue3.x，视你偏好而定），结合VueRouter进行页面路由管理，Vuex进行状态管理，以及Axios进行HTTP请求。

hai40587·2024-08-31 21:51

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5

舍予一·2024-08-31 20:15

大屏可视化项目之vue3-seamless-scroll无缝滚动组件（一）——基本使用_vue seamless scroll官网

import{defineComponent,ref}from“vue”;import{Vue3SeamlessScroll}from“vue3-seamless-scroll”;exportdefaultdefineComponent

2401_84411822·2024-08-31 18:01

Jenkins安装配置及插件安装使用

个人理解持续集成：为解决程序代码提交质量低,提交内容导致原有系统的BUG，按时或按需自动编译版本，进行自动化测试。百度对持续集成的定义：持续集成是一种软件开发实践，即团队开发成员经常集成他们的工作，通常每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试)来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队

程序员雷叔·2024-08-31 17:26

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli

一介书生.·2024-08-31 16:48

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

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

都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

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

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

PostgreSQL-物理备份工具PGbackrest使用教程

目录前言环境介绍环境准备安装配置pgpgbackrest编辑PGSQL的配置文件全备和增备前言PGSQL的备份工具还是挺多了，大致分为官方的和第三方的，以官方为例有逻辑备份工具，pg_dump和pg_dumpall

侯晓阳丶·2024-08-30 11:01

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

【记录】 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

银河麒麟高级服务器操作系统V10——安装VNC实现远程桌面

银河麒麟高级服务器操作系统V10——安装VNC实现远程桌面检查桌面环境安装配置启动服务防火墙配置作者：高玉涵时间：2021.09.1410:14博客：blog.csdn.net/cg_i环境：Linuxintkf24.19.90

半点闲·2024-08-29 23:41

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

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

嘴巴嘟嘟·2024-08-29 22:34

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

一文带你读懂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

【Rust光年纪】深度解读：Rust语言中各类消息队列客户端库详细对比

本文将介绍一些用于Rust语言的消息队列客户端库，包括AMQP、ApacheKafka、NSQ、ApachePulsar和RocketMQ，探讨它们的核心功能、使用场景、安装配置以及API概览。

friklogff·2024-08-29 03:27

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

【来来来，我看看是谁不点我】Nuxt3入坑记--JS版

开发更快打包更小支持vite支持vue3支持自动引入支持文件路由支持布局系统支持多种渲染模式支持typescript支持composition-apiNuxt3目录结构#目錄說明#.nuxt本地运行

Bug从此不上门·2024-08-28 20:09

vue2的el-select虚拟下拉

说明vue3的的el-select，ElementPlus封装了虚拟下拉的写法，但是有些vue2版本的el-select却没办法用虚拟下拉。如果下拉列表数据量大的话，很导致极度卡顿。

前端没钱·2024-08-28 20:37

Vue3中的reactive，shallowReactive，ref，shallowRef；readonly，shallowReadonly； toRaw，markRaw简单介绍

reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly:只读属性的数据，深度只读conststate2=readonly(state)shallowReadonly:只读的数据，浅只读的toRaw:·作用：将一个由reactive生成的响应式对象转为普通对象·使用场景

会说法语的猪·2024-08-28 17:21

VUE3-shallowReactive函数与shallowRef函数（14）

当前的x.y值是：{{x.y}}点我替换x点我x.y++

「已注销」·2024-08-28 17:20

推荐频道

Vue3安装配置