vue.config.js中配置configureWebpack和chainWebpack以及一些常用的配置
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 35
configurewebpack介绍configurewebpack 允许你在 vue cli 项目中直接修改 webpack 的配置。它可...
vue中的keep-alive用法指南
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 47
什么是keep-alive？keep-alive是vue的一个内置抽象组件，通常用于缓存动态组件或路由组件。被keep-alive包裹的组件...
vue3中如何使用live2D
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 47
概述本文将介绍如何在vue3项目中使用live2d。live2d 介绍live2d 是什么live2d 是一种用于将二维图像转化为可动画三维...
Vue.use()和Vue.prototype使用详解
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 43
vue.use()作用官方文档中提到，vue.use()可以用来注册全局的插件。使用vue.use()后可以使得插件能够在项目的任意位置上使...
Vue如何通过Vue.prototype定义原型属性实现全局变量
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 47
vue通过vue.prototype定义原型属性实现全局变量如果需要设置全局变量，但不想污染全局作用域。这种情况下可以通过在main.js中...
在Vue3中实现四种全局状态数据的统一管理的方法
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 47
四种全局状态数据在实际开发当中，会遇到四种全局状态数据：异步数据（一般来自服务端）、同步数据。同步数据又分为三种：localstorage、...
Vue3子组件watch无法监听父组件传递的属性值的解决方法
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 54
1 问题描述假设子组件 childcomponent 中有个属性a，默认值为 0，并且通过侦听器 watch 监听其数值变化。在父组件 pa...
Vue中使用md5进行数据加密的实现方法
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 46
引言在现代web开发中，数据安全是一个不可忽视的重要环节。vue.js作为一个流行的前端框架，不仅提供了强大的数据绑定和组件化功能，还支持与...
Vue实现两个列表之间的数据联动的代码示例
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 49
基本概念与作用说明vue.js 是一个用于构建用户界面的渐进式框架，它通过声明式的数据绑定和组件化的架构，使得开发者可以轻松地创建复杂的单页...
一文详细了解Vue 3.0中的onMounted和onUnmounted钩子函数
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 48
一、什么是onmounted和onunmounted？vue 3.0带来了许多令人兴奋的新特性和改进，其中包括更强大的组合式api。在这篇文...
vue开发自定义的全局公共组件详解
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 44
vue开发自定义的全局公共组件这里我主要介绍两种自定义全局公共组件的方法第一种首先在components中新建一个文件夹，我这里做的是全局加...
利用Vue实现将图片转换为Base64编码的方法
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 45
1.base64 编码的概念base64 是一种编码格式，它将二进制数据转换为一种基于64个可打印字符的表示形式。这种编码方式允许二进制数据...
vite如何构建vue3项目
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 51
环境准备安装最新版本 @vuejs/appyarn global add @vue/cli# ornpm install -g @vue/c...
vue3如何定义全局组件
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 49
前言vue3 全局组件需在 main.js 中定义，参考官网中的 2 个例子，实操如下。若需构建 vue 项目，请移步 。目录如下注册全局组...
vue之proxyTable代理超全面配置方式
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 52
前言用了vue有一年多了，从最初的摸着石头过河到现在已经能熟练的使用vue开发项目，学到了许多，特别是vue的代理配置让我眼前一亮，甚是喜欢...
前端构建工具Webpack、Vite区别有哪些
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 41
前端的项目打包，我们常用的构建工具有webpack和vite，那么webpack和vite是两种不同的前端构建工具,那么你们又是否了解它们的...
Vue3通过JSON渲染ElementPlus表单的流程步骤
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 42
1、引言在公司里遇到这样一个需求：要做产品管理模块，内容不复杂，只是用vue+element写表单，但是，这个功能里的属性非常多，可能还涉及...
Vue中created和mounted使用详解
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 50
一、生命周期概念通俗地讲，生命周期即vue实例或组件从创建到被消灭的一系列过程，中间的各个节点被称为钩子. vue.js中created方法...
Vue3使用indexDB缓存静态资源的示例代码
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 42
indexdbindexeddb 是一个浏览器内建的数据库，它可以存放对象格式的数据,默认情况下，浏览器会将自身所在的硬盘位置剩余容量全部作...
使用mockjs如何生成随机数据
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 53
mockjs生成随机数据概述现在，前后端分离趋势很明显，前端负责数据展示、页面动态效果等，而后端负责编写应用程序接口，供页面、第三方等调用。...
vue中解决el-date-picker更改样式不生效问题
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 50
前言在使用vue.js进行前端开发的过程中，element ui 是一个非常流行的ui库，它提供了一套完整的组件来快速搭建美观的用户界面。然...
Vue中动态添加ref的方法详解
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 47
基本概念与作用说明ref属性ref是vue提供的一种特殊的属性，用于在模板中注册引用信息。当我们需要在javascript中访问dom元素或...
vue3+ts项目中.env配置环境变量与情景配置方式
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 53
一、环境变量配置官网https://cn.vitejs.dev/guide/env-and-mode.html#intellisense1....
如何运行单个.vue文件问题
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 85
如何运行单个.vue文件1、全局安装vuecnpm install -g @vue/cli2、查看vue版本vue -v //v...
利用v-viewer图片预览插件放大需要预览的图片
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 98
一、页面效果更多内容和效果在官网地址查看，官网地址：v-viewer二、使用步骤1.npm安装npm install v-viewer@1....
vue中各种deep的区别解析
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 92
一共,::v-deep、::deep 和 :deep(),>>>,/deep/从vue 3开始，推荐使用 ::deep 而...
VUE项目运行npm install报错问题以及解决
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 102
vue项目运行npm install报错问题问题1下载一个vue项目后，运行npm install时报下面的错误信息。解决办法在运行的命令之...
如何处理 Vue3 中隐藏元素刷新闪烁问题
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 98
一、问题说明页面刷新，原本隐藏的元素会一闪而过。效果展示：页面的导航栏通过路由跳转中携带的 meta 参数控制导航栏的 显示/隐藏，但在实践...
vue项目使用cmd运行方式
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 97
vue使用cmd运行方法一1，进入cmd2，切换到项目目录下3，输入 npm run serve即可运行结果如下：方法二1，直接进入该项目目...
Vue中使用富文本编辑框的实践与探索
2024-10-27 15:21 | 分类：前端脚本 | 评论：0 次 | 浏览: 99
在web开发中，富文本编辑框是一个常见的功能。本文将介绍如何在vue项目中集成和使用富文本编辑框，并分享一些实践经验。一、为什么需要富文本编...