【Vue】从入门到精通

vue项目结构

1.build目录用来存放对项目构建项目配置用来配置生产环境测试环境原始环境2.config目录用来修改生产配置和测试核心目录dev.env.js---开发环境变量index.js--项目配置文件prod.env.js--生产环境变量test.env.js--测试环境变量3.node_module目录用来存放当前项目的js依赖存放就是目录无序修改4.src目录用来存放日后自己开发代码的目录（重点）
手写冒泡排序·2024-09-10 10:54

vue项目架构

搭建项目框架,封装模块1.网络模块封装axios二次封装请求拦截器token是什么响应拦截器http协议2.动态权限菜单axios二次封装函数递归动态添加路由addRoutes刷新界面，菜单丢失问题，持久化存储技术实现点击菜单，不能找到路由组件问题,3.按钮资源权限根据登录用户角色获取能操作的资源列表，保存store自定义权限指令,封装有无操作该资源的权限v-permission=“[‘EditU
影子信息·2024-09-10 09:53

Vue项目结构

Vue项目的结构可以比较灵活，但通常情况下会包含以下几个部分：public目录：这个目录包含项目的静态资源文件，例如index.html，图片等。src目录：这个目录包含项目的源代码。
永远的12·2024-09-10 09:22

2021-12-15 vue动态路由加载时 Cannot find module xxx 错误解决方法

https://blog.csdn.net/longzhoufeng/article/details/106469115
臭臭猫爱不爱吃鱼·2024-09-10 09:57

vue 项目代码架构

Vue项目的代码架构通常遵循一定的组织结构和约定，以提高项目的可维护性、可扩展性和可读性。
王小工·2024-09-10 08:13

出现 [Vue warn]: Unhandled error during execution of component event handler 解决方法

第二次遇到前言基本的知识推荐阅读：详细分析Js中的Promise.all基本知识（附Demo）1.问题所示点击按钮的时候，浏览器出现如下提示虽然它是warn，但是本着解决问题的本质还是理性分析下use-button.ts:57[Vuewarn
码农研究僧·2024-09-10 08:11

vue3知识总结

Vue3是Vue.js的最新版本，相较于Vue2，它在性能、API设计、类型支持等多个方面都有显著的改进和创新。
软件技术NINI·2024-09-10 07:32

Springboot+vue.js+协同过滤推荐+余弦相似度算法实现新闻推荐系统

本次新闻推荐系统：主要包含技术：springboot，mybatis，mysql，javascript，vue.js，
计算机程序优异哥·2024-09-10 06:13

修改打包后element-ui的字体文件名；JS文件名；CSS文件名

修改这些静态文件名的原因是客户那边扫描出漏洞：字体文件名称不符合安全规则，就想办法给全部重新命名修改字体文件该方法不起作用——在vue.config.js里面配置打包时的fonts名称；其他场景下可能会适用记录一下
静纸~·2024-09-10 06:29

QT之QML从入门到精通（第二章）

本章介绍QML部件（component）和加载（Loader）的基本使用引言importQtQuick2.12importQtQuick.Window2.12importQtQuick.Controls2.12Window{visible:truewidth:640height:480title:qsTr("HelloWorld")Component.onCompleted:{console.lo
only-lucky·2024-09-10 05:24

【Uniapp】前端面试题

Uniapp部分文章目录Uniapp部分1.Uniapp的页面生命周期和Vue的生命周期有何区别？1）Vue的生命周期2）Uniapp的页面生命周期3）区别2.Uniapp的rpx转换px的公式？
菜鸟una·2024-09-10 05:19

【前端】 如何在 Vue.js 中使用 Mock 数据：教程与技巧

如何在Vue.js中使用Mock数据：教程与技巧在开发过程中，为了测试和开发前端功能，你常常需要用到模拟（mock）数据。
帅比九日·2024-09-10 04:15

Vue2组件间通信的14种方式详解

（本篇以Vue2为主，Vue3在写啦）开始（引用一张举例图，全文依据下图关系进行举例说明）A组件==1.props/$emit//父向子传值importaaafrom'.
SqCheese·2024-09-10 02:32

【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

出现的问题新项目启动的时候，提示：SyntaxError:SassError:expectedselector看了一下发现是sass使用样式穿透/deep/报的错/deep/其实是已经过期的写法，某个版本之后就不支持了但是我同事并没有出现同样的问题，不知道是为啥，也有可能是电脑（mac）的原因解决办法将/deep/更换为::v-deep但是这个项目是多人协作的，有大量页面使用，修改的话会涉及很多页
lxx-sissi·2024-09-10 02:00

Vue 中的 Vuex：全面解析与使用教程

什么是Vuex？Vuex是Vue.js官方提供的状态管理模式，专为Vue.js应用设计。
NMY112·2024-09-10 02:00

Vue 3中的 路由守卫：全面解析与使用教程

什么是Vue路由缓存？Vue路由缓存是通过Vue的内置组件实现的，它可以缓存组件的状态和DOM节点，避免在组件切换时销毁并重新创建组件。
NMY112·2024-09-10 02:00

Vue.js 路由守卫详解

Vue.js是一个用于构建用户界面的渐进式框架。在大型应用中，路由是管理页面间导航的关键部分。VueRouter提供了一系列的路由守卫，帮助开发者在用户导航到新页面时执行特定逻辑。
NMY112·2024-09-10 02:59

vue+jsonrpc+mongoDB文件传输解决方案（任意格式文件）

环境及需求：前端采用vue；后端采用spring，但是只用到了spring的对象注入功能，未使用springweb相关功能。
weideng_san·2024-09-10 02:28

vue3+tesseract 图片文字提取

可实现多语言识别，中英文混合识别demo如下：importTesseractfrom"tesseract.js"//方式1：Tesseract.recognize('http://localhost:5173/vue.jpg
妙明元心·2024-09-10 01:55

vue3 watch监听响应式数组失效问题

constpageData=reactive({checkedNodeList:[]})constcolspanDisabled=ref(false);watch(()=>{returnpageData.checkedNodeList},(newValue,oldValue)=>{if(newValue.length>0){colspanDisabled.value=true;}else{cols
妙明元心·2024-09-10 01:55

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2
小周不想卷·2024-09-10 01:41

vuex小白入门

首先：Vuex是什么？有关于Vuex，官网是这样定义的：Vuex是一个专为Vue.js应用程序开发的状态管理模式。
前端一菜鸟·2024-09-09 22:54

第五天Vue学习

{{item}}{{key+'----'+i}}varapp=newVue({el:'#app',data:{books:['化学','物理','英语','数学','语文'],person:{name:
余心不忍·2024-09-09 21:21

vue开发过程中，修改了数据，但是页面不渲染，没变化！怎么办？

在做项目中遇到一个问题对某个参数赋值成功后页面中没有改变经过多方查阅终于解决这个问题跟大家分享一下希望可以帮到你方法1（推荐）：用JSON.parse(JSON.stringify(objectOrArray))通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写this.items=JSON.parse(JSON.stringify(this.items));方法2：用:key给
烂笔头儿@·2024-09-09 21:50

vue3 el-menu 菜单Maximum recursive updates exceeded 报错

vue3用el-menu实现管理后台左侧菜单，报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi
supming1·2024-09-09 21:48

vue原理分析（六）研究new Vue()

今天我们来分析使用newVue()之前研究时，只是说是在创建一个实例。并没有深入进行研究在vue的源码中找下Vue的构造函数functionVue(options){  if(!
嗓子疼谁心疼·2024-09-09 21:47

Vue 中 nextTick 的最主要作用是什么，为什么要有这个 API

在Vue.js中，nextTick是一个用于在DOM更新后执行代码的API。它的主要作用是确保在某个操作完成后，DOM已经更新且可以被访问或操作。
m0_73882020·2024-09-09 20:15

SprinBoot+Vue动漫交流与推荐平台的设计与实现

目录1项目介绍2项目截图3核心代码3.1Controller3.2Service3.3Dao3.4application.yml3.5SpringbootApplication3.5Vue4数据库表设计
赵广陆·2024-09-09 20:44

Django5+Vue3:OA系统前后端分离项目实战-后端登录功能实现(7)

Django5+Vue3系列文章前言本节开始，全文仅对会员开放。若点赞和收藏数量超过100，全文将免费开放。此项目采用Django框架的5.0.7版本进行开发。
Fender的web学习路程·2024-09-09 17:48

Web前端最全初识Sentry前端监控，浅谈前端消息机制原理

Vue编码基础2.1.1.组件规范2.1.2.模板中使用简单的表达式2.1.3指令都使用缩写形式2.1.4标签顺序保持一致2.1.5必须为v-for设置键值key2.1.6v-show与v-if选择2.1.7script
2401_84433924·2024-09-09 17:18

tailwindcss在vue2中安装配置流程

vue版本不一样配置也不一样tailwindcss官网v2当前node（16.17.0）vue-cli（5.0.0）1.安装指定依赖npminstalltailwindcss@npm:@tailwindcss
Zeng　·2024-09-09 15:03

vue 全局弹窗组件封装

对于后台管理系统，有很多弹框的功能，这时候，我们就可以将弹框封装成一个公共组件进行复用。1.新建弹窗组件页在公共组件文件夹（components）下建一个弹框组件文件夹（EditboxForm）exportdefault{name:'EditboxForm',inheritAttrs:false,props:{//是否显示editBoxShow:{type:Boolean,default:func
阿wei程序媛·2024-09-09 14:31

Vant组件库CountDown倒计时组件实现京东倒计时（每日固定时间）

如标题所示功能实现依赖于vant组件库，所以依照以下步骤来一步步进行操作在main.js中按需引入Vant组件库中的倒计时组件import{CountDown}from'vant';Vue.use(CountDown
Ashindn·2024-09-09 12:43

18.菜单logo制作

菜单logo制作1.在项目assets里面加入logo2.layout下新建MenuLogo.vue组件MenuLofo.vue{{title}}importMenuLogofrom'@/assets/
不蒸馒头曾口气·2024-09-09 11:06

vue3使用simple-mind-map，分分钟开发思维导图

感觉很复杂的样子，这种很牛p的东西应该不是我三两天就能手写搞定的，于是我github转了一圈，果然不出我所料，对比了几个插件以后我是先选择了vue3-mindmap简单易用。
码农九零·2024-09-09 09:55

vue项目安装sass报错解决

把package.json里面node-sass和sass-loader版本改成："node-sass":"^4.11.1"，"sass-loader":"^7.3.0"就可以了
max_jianshu·2024-09-09 08:08

开源GIS与Vue结合

相关插件安装推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。¶1、ol-----OpenLayers地图操作基础包[email protected]¶2、ol-ext-----OpenLayers扩展包npminstallol-ext¶3、proj4------前端投影转换包npminstallproj4¶4、turf------前端空间分析包npminstall@tur
桃子味的白开水·2024-09-09 04:31

vue如何引入element-ui

2.x用element-ui3.x用element-plushttps://blog.csdn.net/weixin_41207479/article/details/127066333引入element-ui的三种方式
大霞上仙·2024-09-09 04:18

vue axios发送post请求跨域解决

后端解决参考Django跨域解决-CSDN博客该方法之前试着可以的，但是复制到其他电脑上报错，所以改用前端解决1、main.js做增加如下配置importaxiosfrom'axios'Vue.prototype
大霞上仙·2024-09-09 03:17

java版本ERP管理系统源码 Spring Cloud alibaba Spring Boot MybatisPlus Redis VUE3 ElementUI 微服务

该系统充分利用了SpringCloudAlibaba、SpringBoot、MybatisPlus、Redis等先进技术栈，并结合前端框架VUE3和ElementUI，构建了一个功能丰富、性能
m0_66404702·2024-09-09 02:09

vue3+ant design vue实现表格导出（后端返回文件流类型导出）

1、之前的博客介绍了，依据页面展示的table表格数据为基础展示表格导出，今天介绍下后端返回文件流来实现表格导出。导出import{ExportTheEmployeesTab}from'@/api/import';//导出import{downExcelUrl}from'@/utils/downloadFile';constsearchRef=ref();constexportData1=()=>
炒毛豆·2024-09-09 02:09

DataV的安装与使用（Vue3版本）

1、DataV(vue3)地址：DataVVue3+TS+Vite版|DataV-Vue32、使用npminstall@kjgl77/datav-vue3安装3、全局引入。4、此时就可以按需使用了~
炒毛豆·2024-09-09 02:39

Vue3+vite打包配置及部分打包优化~

这里介绍的是vite项目的打包配置，若想了解webpack打包配置可看我的其他博客。（下面来介绍下vite打包配置的步骤）1、步骤一：配置base。(为什么需要配置base？这里配置base主要是修改根路径，一般我们在开发环境中引用静态资源可能使用的是绝对路径，但是一旦打包部署到服务器上后可能会报404,无法正确的获取的资源。)//在vite.config.ts中import{defineConf
炒毛豆·2024-09-09 02:39

vue3中发请求配置{ isGetDataDirectly: false }属性的作用~

1、{isGetDataDirectly:false}的作用：设置不直接获取数据。2、代码示例：letbaseURL='/api';exportconstgetEmployeeTab=(params)=>{returnrequest({url:`${baseURL}/staff-tag/query-tag`,method:'GET',params,},//设置不直接获取数据{isGetDataDi
炒毛豆·2024-09-09 02:39

Vue66 多组件共享

代码Count.vue当前求和为：{{sum}}当前求和放大10倍为：{{bigSum}}我在{{school}}，学习{{subject}}Person组件的总人数是：{{personList.length
在下，杨江河·2024-09-09 02:35

【vue3】钩子函数详细介绍

1、setup()这不是一个传统的钩子函数，但它是最主要的入口点，其为我们使用Vue3的CompositionAPI新特性提供了统一的入口，用于初始化组件的状态和定义组合逻辑。
纳米小川·2024-09-09 01:31

Vue组件父子传值

全局组件我是程序员我是程序员/*模板的第一种写法*/Vue.component('child1',{template:`我是child1`})Vue.component('childA',{template
冲锋敢死曾小贤·2024-09-09 01:13

在Vue项目中使用Proj4js库进行坐标系转换并加载WMTS服务

安装Proj4js：首先，在Vue项目中安装P
卡夫卡的小熊猫·2024-09-08 23:17

前端引入ffmepg 对视频画矩形贴图

业务场景：和后端联调中视频监控需要把人员位置框出，返回的后端只给视频和框选位置先上效果图成功给视频添加了两个框demo技术框架vue3+vite+typeScript引入ffmepgnpmi@ffmpeg
全赣州最老实的男人guoy·2024-09-08 22:09

解决Vue 2.0 安装 vue-router 不成功问题

报错信息：vue解决办法：这是因为npmivue-router默认下载的是vue3.0版本对应的，这里需要指定下载版本npmivue[email protected]
什么都是已存在·2024-09-08 21:32
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他