vue3使用技巧

谈谈nvm、nrm、pnpm的理解

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

Promise的Finally方法

示例一：基础用法示例二：错误处理示例三：清理资源示例四：与`async/await`结合使用示例五：模拟Canvas操作使用技巧与最佳实践在前端开发中，我们经常遇到异步操作的需求。
DTcode7·2024-08-31 12:49

Unity学习要点

以下是一些Unity初学者的使用技巧，希望能为你的学习之旅提供帮助。
伊H·2024-08-31 10:35

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

Python基础—16 个基础操作教程

介绍本文中将分享一些Python使用技巧，这些技巧非常有用。通过学习和使用这些技巧，可以帮你节省时间和精力，并使你的代码更加优雅和高效。
编程阿布·2024-08-31 05:30

都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

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

【面试题】JavaScript 中 try

本文我将分享10个有用的try...catch使用技巧，让你在处理异常时更加得心应手。1.捕获所有异常如果你想捕获代码中所有可能的
2401_84438488·2024-08-30 04:46

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

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

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

Luminar Neo 教程，如何在 Luminar Neo 单个图像编辑中标记收藏夹图像？

欢迎观看LuminarNeo中文版教程，小编带大家学习LuminarNeo的基本工具和使用技巧，了解如何在LuminarNeo单个图像编辑中标记收藏夹图像。
Mac123123·2024-08-29 13:18

【菜狗学前端】 初探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

每日一淘：淘回购物返利，氧惠APP顶级邀请码为你带来超值优惠

本文将详细介绍每日一淘的运营模式和特点，并对氧惠APP顶级邀请码000068的作用和使用技巧进行解析。一、每日一淘是干什么的？
氧惠_飞智666999·2024-08-29 09:22

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

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

开发更快打包更小支持vite支持vue3支持自动引入支持文件路由支持布局系统支持多种渲染模式支持typescript支持composition-apiNuxt3目录结构#目錄說明#.nuxt本地运行
Bug从此不上门·2024-08-28 20:09

京东返利APP使用技巧大公开：省钱购物不容错过

在当前的消费趋势中，人们越来越注重如何通过科技手段来省钱，其中返利APP成为了许多消费者的利器。作为国内知名的电商平台，京东提供了丰富多样的商品选择，而利用京东返利APP则可以让购物变得更加划算和省钱。究竟如何学会用对App，让京东返利为你省下一笔呢？让我们一起深入探讨。1.京东返利APP是什么？京东返利APP是一款专门为京东购物用户设计的应用程序，通过该APP用户可以享受到在京东购物过程中获得的
浮沉导师·2024-08-28 20:54

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+TS Element Plus 中Table同时只能展开一行且能关闭

el-table有展开行功能，但是展开多行并不好看，所以需要设置expand只展开一行，用expand-change可以实现。@expand-change=""//展开或是关闭时执行的函数:expand-row-keys=""//设置当前展开行，要求值为数组(白话就是存放在这个数组的ID会在页面中展开,没有就不会展开):row-key=""//设置行的唯一标识，用于配合expand-row-key
lemontree-xy·2024-08-28 16:40

vue事件监听

我们可以使用v-on指令(简写为@)来监听DOM事件，并在事件触发时执行对应的1.回车事件（点击回车触发）@confirm适用[email protected]适用vue3运用场景：通常在文本框输入的时候使用
小汤猿人类·2024-08-28 15:03

vue3 集成天地图，完美实例

在Vue3中，你可以使用天地图JavaScriptAPI进行集成。
cesske·2024-08-28 14:27

如何使用Vue 3和Type Script进行组件化设计

在Vue3中，CompositionAPI是一种全新的逻辑复用和代码组织方式，它允许你将组件的逻辑（如响应式状态、计算属性、方法、生命周期钩子等）封装到单独的函数中，从而提高了代码的可复用性和可维护性。
yang295242361·2024-08-28 10:06

vue3插件原理

概览vue3的生态圈提供了许多方便的插件或者工具，比如pinia、vue-router和ElementPlus等，使用插件的写法一般如下:constapp=createApp(App);app.use(
Jinuss·2024-08-28 10:04
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他