vue3踩坑记

保姆级教程 从零配置nodejs环境并用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp

本教程后面部分（用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp）适合习惯使用vscode或Webstorm等（或者说不习惯HBuilderX）的人参考，如果习惯使用HBuilderX
tepkco·2024-02-10 00:16

vue3的vite配置

使用Vite快速构建Vue3+ts+pinia脚手架使用Vite快速构建Vue3+ts+pinia脚手架-51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmipostcss-preset-env-D2
A-超·2024-02-10 00:16

解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

报错内容Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.解决方法router文件//创建路由exportconstrou
写BUG的一枚好手·2024-02-10 00:14

vue3+vite在vite中配置跨域

在vite.config.js中配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path';//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],base:"./",//打包路径resolve:{al
bsefef·2024-02-10 00:43

vue3引入vant总结

Vue3局部引入vant亲测有效[email protected]中配置{"plugins":[["import",{"libraryName
牛牛爱科技·2024-02-09 21:41

Vue3学习与实践

文章目录学习资料Vue的特点组件化模式声明式编码使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点初始Vue3Vue3带来了什么性能的提升源码的升级拥抱TypeScript新的特性Vue-cli脚手架使用
技术人生-小草·2024-02-09 20:35

最近踩坑记录

新电脑Modelsim破解失败新组了一台电脑，结果modelsim破解失败，报错Unabletocheckoutaviewerlicense捣鼓了一个小时，最后发现是无线网卡物理地址与破解工具产生的license文件中物理地址不同。22.6.10win10安装vmware后启动ubuntu蓝屏报错必须安装vmware16.1，其他的15.5和16.0都不行参考链接：[已解决]ModelSim出现U
zidan1412·2024-02-09 19:07

todolist的五种写法（原生、vue2、vue3、react类组件，react函数组件）

1.js、vue2、vue3、react类组件、react函数组件的特性1.1JavaScript（JS）特性弱类型：JavaScript是一种弱类型语言，变量的类型可以在运行时动态改变。
前端fighter·2024-02-09 18:54

踩坑记录[7]——LeetCode 160题：相交链表

踩坑记录[7]——LeetCode160题：相交链表题目描述题目链接给你两个单链表的头节点headA和headB，请你找出并返回两个单链表相交的起始节点。如果两个链表不存在相交节点，返回null。
Magic@·2024-02-09 17:40

踩坑记录[5]——LeetCode 876题：链表的中间结点

踩坑记录[5]——LeetCode876题：链表的中间结点题目描述题目链接给你单链表的头结点head，请你找出并返回链表的中间结点。如果有两个中间结点，则返回第二个中间结点。
Magic@·2024-02-09 17:09

踩坑记录[6]——LeetCode 19题：删除链表的倒数第 N 个结点

踩坑记录[6]——LeetCode19题：删除链表的倒数第N个结点题目描述题目链接给你一个链表，删除链表的倒数第n个结点，并且返回链表的头结点。
Magic@·2024-02-09 17:09

百度地图Api的引入使用-vue3组件

一、引入因为用的场景较多，抽离为组件，首先添加js文件exportfunctionbaiduMap(){returnnewPromise(function(resolve,reject){window.baiduMap=function(){resolve();};letscript=document.createElement("script");script.type="text/javasc
小佳的笔记·2024-02-09 16:11

Win11+Ubuntu 22.04 LTS双系统安装踩坑记录

华硕天选4i7-13700H+RTX4060,BIOS版本314开了独显直连（不知道这是不是后面出现一堆问题的原因）以后用U盘安装Ubuntu22.04系统，主要参考：Win11Ubuntu20.04双系统安装-知乎安装过程中可能因为显卡驱动没配置好的原因，界面UI显示不全，实测按Alt+F7以后用鼠标可以挪动窗口，这样就能够正常操作了，问题不大。启动Ubuntu的时候可能会卡在黑屏界面，左上角一
DJDJDJ231·2024-02-09 12:56

vue3中如何通过emit自定义事件

在组件内自定义事件：提交import{defineComponent}from'vue'exportdefaultdefineComponent({emits:['form-submit'],//先申明setup(props,context){constsubmitForm=()=>{context.emit('form-submit',true)//后定义事件以及传值}return{submit
得知此事须躬行·2024-02-09 11:51

vue3中通过对象来改变样式颜色

直接上案例代码，学过vue3的一看就懂：颜色变化//eslint-disableimport{defineComponent,reactive,toRefs,onMounted}from"vue";exportdefaultdefineComponent
得知此事须躬行·2024-02-09 11:51

vue3 + element-plus 的 upload + axios + django 文件上传并保存

座右铭：怎么简单怎么来，以实现功能为主。欢迎大家关注公众号与我交流之前在网上搜了好多教程，一直没有找到合适自己的，要么只有前端部分没有后端，要么就是写的不是很明白。所以还得靠自己摸索出来后，来此记录一下整个过程。其实就是不要用默认的action，要手动实现上传方式http-request，然后再传给后端进行各种操作了这里隐藏了文件展示列表展示了上传文件的个数文件去重上传也对上传文件的格式做了限制在
卫龙~·2024-02-09 11:53

github 搭建个人导航网

欢迎大家关注公众号与我交流最近搭建了个个人的导航网，具体内容见下图，欢迎大家访问吖，点我访问(首次访问较慢)具体实现是使用vue3编写，白嫖github的page部署首先在github上创建一个仓库：name.github.io
卫龙~·2024-02-09 11:22

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

配置git提交时的commit信息，统一提交git提交规范安装命令:npminstall-gcommitizennpmicz-customizablenpmi@commitlint/config-conventional@commitlint/cli-D文件配置根路径创建文件commitlint.config.jsmodule.exports={//继承的规则extends:['@commitli
周家大小姐.·2024-02-09 08:29

Vue3 常用的10个组合式 API

而通过Vue3，组合式API增强了我们利用Vue的能力，使我们的代码更具模块性和可读性。
子伟-H5·2024-02-09 08:06

Vue3——setup 语法检测

1.安装VueLanguageFeatures、TypeScriptVuePlugin插件2.安装后，禁用Vetur3.禁用后重启工具即可
一只漫步前行的羊·2024-02-09 07:46

vue3学习——axios封装

安装pnpmiaxios/src/utils/request.tsimportaxiosfrom'axios'import{ElMessage}from'element-plus'constrequest=axios.create({baseURL:import.meta.env.VITE_APP_BASE_API,timeout:5000,})//请求拦截器request.interceptor
可乐KL·2024-02-09 07:45

vue3学习——路由

安装pnpmivue-router/src/router/index.tsimport{createRouter,createWebHashHistory}from'vue-router'import{constantRoute}from'@/router/routes.ts'letrouter=createRouter({history:createWebHashHistory(),routes
可乐KL·2024-02-09 07:45

vue3——实现表单校验

带着这些问题，今天一起来看一下vue3中如何实现表单校验吧~一、表单校验的意义当用户在输入框内输入的值或者必选项未进行选择时，就不触发下一步的操作可以让用户的信息都按一定的规则来设置，方便统一管理通过表单校验可以有效地规避不法分子进行
leo·2024-02-09 07:45

vue3——登录校验

页面首先需要在表单配置model、ref、rules，el-form-item中放prop登录scriptletform=reactive({username:'admin',password:'111111',})constformRef=ref()constbtnLoading=ref(false)construles={username:[{required:true,message:'请输
可乐KL·2024-02-09 07:13

【vue3学习笔记】自定义hook；toRef与toRefs

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P156节《自定义hook》笔记：实现一个鼠标“打点”功能：注意点：（1）组件卸载时需要接触window上的事件绑定，否则组件卸载后window
youyoufenglai·2024-02-09 07:04

【vue3学习笔记】shallowReactive与shallowRef；readOnly与shallowReadOnly；toRaw与markRaw

尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通课程P158节《shallowReactive与shallowRef》笔记：reactive()与shallowReactive()：reactive
youyoufenglai·2024-02-09 07:56

Vue3编写简单的App组件(二)

一、Vue3页面渲染基本流程1、入口文件ViteApp2、main.ts//引入CreateApp用于创建应用import{createApp}from"vue";//引入App根组件importAppfrom
maplea2012·2024-02-09 06:04

第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)

这里我已经搭建好了项目快速搭建Electron+Vite3+Vue3+TypeScript5
Etc.End·2024-02-09 06:26

从 16 个方向逐步搭建基于 vue3 的前端架构

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu_461229187·2024-02-09 06:46

基于Vue的前端架构，我做了这15点

前言由于vue3.2版本的发布，的实验性标志已经去掉，这说明这个语法提案已经正式开始使用，并且我个人对这个方案表示非常喜欢，其他的更新请自行了解。到目前为止，我认为vue3已经完全可以用于生产环境。
codexu_461229187·2024-02-09 06:45

2024年的VUE2下的无效指令npm install --save vue-i18n

vue官网已经声明了不再维护vue2,vue-i18n安装依赖的时候就只接安装vue3的vue-i18,直接报错：>npminstall--savevue-i18nnpmERR!
阿狸Jay(塘主)·2024-02-09 06:43

【高频前端面试题--TypeScript篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇什么是TypeScript？
码上有前·2024-02-09 05:25

【高频前端面试题--Vue3.0篇】

作者：“码上有前”文章简介：前端高频面试题欢迎小伙伴们点赞、收藏⭐、留言高频前端面试题--Vue3.0篇Vue3.0有什么更新defineProperty和proxy的区别Vue3.0为什么要用proxy
码上有前·2024-02-09 05:21

Vue3中路由配置Catch all routes (“*“) must .....问题

Vue3中路由配置Catchallroutes(“*”)must…问题文章目录Vue3中路由配置Catchallroutes("*")must.....问题1.业务场景描述1.加载并添加异步路由场景2.
小袁搬码·2024-02-09 05:50

Vue3基础(十yi)___常用生命周期函数___setup___onMounted___onUpdated

对比vue2beforeCreate->使用setup()created->使用setup()beforeMount->onBeforeMountmounted->onMountedbeforeUpdate->onBeforeUpdateupdated->onUpdatedbeforeDestroy->onBeforeUnmountdestroyed->onUnmountederrorCaptur
六卿·2024-02-09 05:32

vue3+elementplus el-upload组件上传第三方oss存储问题

文件上传功能属于一项基本功能，而随着对象存储的发展，现在项目开发中，大部分都是把文件上传到第三方的oss系统或者自己搭建的oss系统。而el-upload组件是elementui提供的一个文件上传的组件，其有很多属性和事件，如下图所示是其组件的部分属性，因为其属性和事件比较多，所以el-upload组件也是一个比较有难度的组件。element-plusel-upload组件文档地址那么使用el-u
qq_33453797·2024-02-09 05:59

3分钟带你了解Vue3的nextTick()

概念在Vue3中nextTick()方法的行为和Vue2中基本相似，但它进行了一些优化，以提高性能和稳定性。nextTick
_Minato_·2024-02-09 04:22

vue3跨组件(多组件)通信：事件总线【Event Bus】

★推荐方案：使用`events`npm库；可用范围：vue、react、angular等任何框架都可使用；且使用方式完全一致；本文仅介绍、讲解对web页面端项目的常用API；通过events实现事件总线功能；event库概述：本次所使用到的库为通用库，若在node环境使用则无需npm安装，本身自带的；浏览器环境下使用才需要npm安装。events库是从Node.js上移植Events模块的功能，因
oumae-kumiko·2024-02-09 01:13

VUE2模拟VUE3中的Teleport实现改变元素挂载的节点

Teleport页面exportdefault{name:'teleport',props:{to:{type:String,required:true}},mounted(){consttoEl=document.querySelector(this.to)if(toEl){toEl.appendChild(this.$el)}},destroyed(){consttoEl=document.q
灰海·2024-02-09 00:34

VUE2和VUE3区别对比一览

##Vue3总结###官方文档*[Vue3](https://v3.cn.vuejs.org/api/options*data.html)*[Vue2](https://vuejs.bootcss.com
灰海·2024-02-09 00:02

关于vue3中文转拼音和三级联动

1.vue3中文转拼音npminstallpinyin--save//拼音constnamePinyin=ref('');mName是后端传过来的最后的结果是测试杨ceshiyangletmName=record.userId_dictText.split
_斯洛伐克·2024-02-08 23:12

关于vite5中postcss-px-to-viewport插件问题和require问题

1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:41

宁德烟草大屏问题与解决方法总结vue3+vite5

中css里添加postcss代码如下1.样式总结：1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时，两侧可以滑动。当1920*1080正常时，不会滑动，可以设置高度和滚动。91和35分别是我的头部和尾部高度。同时配合postcsspxtoviewport8plugin插件保证宽度自适应.left{width:436px;height:calc(100vh-91px-35px);
_斯洛伐克·2024-02-08 23:41

关于vue3路由

参考vue3路由跳转and接收参数_vue3接收参数-CSDN博客vue3部分使用路由：传递路由//引入API---useRouterimport{useRouter}from'vue-router';
_斯洛伐克·2024-02-08 23:41

在vue3+vite中 使用require

第一步先安装插件npmivite-plugin-require-transform--save-dev第二步导入importrequireTransformfrom'vite-plugin-require-transform';第三步在vite配置文件exportdefaultdefineConfig({plugins:[requireTransform({fileRegex:/.js$|.vue
_斯洛伐克·2024-02-08 23:11

vue3 antd table组件点击行变色问题

1.为table定义customRow和rowClassName，customRow为了选中行，rowClassName为了改变样式的函数，customRow和rowClassName可以去antd官方文档看定义customRow，rowClassName函数letselectedRowKeys=ref([]);//声明一个数组，在行点击函数里面用来存每一行数据的唯一标识id或者其//他参数con
_斯洛伐克·2024-02-08 23:10

Vue 生命周期

请求接口一般放在哪个生命周期Vue2生命周期运行解析源码解析初始化阶段模板编译阶段挂载阶段mountComponent()Watcher_update()销毁阶段什么时候会调用$destroy()二、Vue3
fmk1023·2024-02-08 20:32

Pinia学习笔记

defineStore定义一个StorestoreToRefs解构store改变状态替换state订阅状态Pinia优势Pinia是一个全新的Vue状态管理库，是Vuex的代替者，尤雨溪强势推荐Vue2和Vue3
fmk1023·2024-02-08 20:32

猫头虎分享已解决Bug || Vue3报错: Failed to fetch dynamically imported module

文章目录猫头虎分享已解决Bug||Vue3报错:Failedtofe
猫头虎-前端技术·2024-02-08 19:37

【JavaWeb】头条新闻纯JavaWeb项目实现 项目搭建 数据库工具类导入 跨域问题 Postman 第一期 (前端Vue3+Vite)

文章目录一、项目简介1.1微头条业务简介1.2技术栈介绍二、项目部署三、准备工具类3.1异步响应规范格式类3.2MD5加密工具类3.3JDBCUtil连接池工具类3.4JwtHelper工具类3.4JSON转换的WEBUtil工具类四、准备各层的接口和实现类4.1准备实体类和VO对象4.2DAO层接口和实现类4.3Service层接口和实现类4.4Controller层接口和实现类4.4.1Por
道格维克·2024-02-08 19:51
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他