Vue项目

GitHub Actions自动化部署Vue项目到宝塔服务器

GitHubActions自动化部署Vue项目到宝塔服务器通过GitHubActions自动化部署Vue项目到宝塔服务器，可实现代码推送后自动构建和部署，极大提升开发效率，减少人工操作错误。

SnowDreamXUE·2025-07-11 23:52

vue基础

在vue项目下的src->App.vue中有三个模板1.script是写js代码的地方2.template是写html的地方3.style是写css的地方npmi的作用是加载需要的依赖包

知还215·2025-07-11 21:12

教你如何用 localStorage+Vue 状态管理玩转数据持久化！

在Vue项目中，我们经常使用状态管理（如Vuex或Pinia）来管理用户登录状态、主题、页面设置等全局数据。但很多朋友会遇到一个问题：“我刷新页面之后，状态就丢了啊！”

·2025-07-10 10:16

vue项目中使用nodejs实现登录

用vue,nodejs,mysql做的一个登录的页面代码放完的话有点麻烦，只放实现功能的代码把。vue部分:exportdefault{data(){return{loginForm:{username:'',password:'',},//下面两行是vuelogo的不用理会circleUrl:require('../assets/logo.png'),size:100}},methods:{su

芜湖湖湖湖·2025-07-09 00:31

Form-Generator拖拽表单的使用+二次修改

_from=gitee_search简介ElementUI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，

·2025-07-07 22:02

vue项目中借助vue-print-nb插件实现打印

需求：打印页面部分内容插件原理：创建iframe，获取要打印的内容添加到iframe中，调用print()方法打印使用：一、安装插件npminstallvue-print-nb--save二、页面上导入并注册//导入插件importPrintfrom"vue-print-nb";exportdefault{//注册指令directives:{Print,},}三、提供容器并添加id四、给按钮添加v

cx&lavender·2025-07-07 22:00

报错Cannot read properties of undefined (reading ‘catch‘)

在vue项目开发中，使用vue-pdf插件报错：TypeError:Cannotreadpropertiesofundefined(reading‘catch‘)解决方案1、安装指定版本npmipdfjs-dist

我在北京coding·2025-07-07 16:47

.eslintrc.js文件内容/配置eslint/eslint参数

首先放一个官网的链接Listofavailablerules-ESLint中文文档然后直接上代码这里以vue项目为例，主要两个文件，1是.eslintrc.js文件（配置），2是.eslintignore

是泡沫呀·2025-07-07 15:10

Vue 开发问题：Missing required prop: “value“

在Vue项目中，出现如下警告信息[Vuewarn]:Missingrequiredprop:"value"[Vue警告]：缺少必需属性："value"问题原因这个警告表明在组件中存在一个必需的属性value

我命由我12345·2025-07-07 14:06

Vue.js前端开发实战-----常用UI组件

1.进入命令行界面，执行yarncreatevite命令，输入项目名称，选择Vue框架，选择JavaScript，完成vue项目创建。

·2025-07-07 14:35

vue3在外部js文件调用vue内的方法

需求就是我在vue项目里有一个a.js文件，我想在a.js文件里调用b.vue里的test方法。

熊抱抱的一粒·2025-07-07 04:56

Vue-Vue 中 v-html 内容不换行？别忘了 white-space: pre-wrap

正确解决方案拓展知识点：white-space的几种常见取值安全性提示：小心XSS攻击总结引言在开发Vue项目的过程中，我们经常会遇到需要将服务端返回的HTML字符串渲染到页面上的需求，最常用的方式就是通过

·2025-07-06 17:35

Vite 完整功能详解与 Vue 项目实战指南

Vite完整功能详解与Vue项目实战指南Vite是下一代前端开发工具，由Vue作者尤雨溪开发，提供极速的开发体验和高效的生产构建。

慧一居士·2025-07-06 09:57

vue create 和npm init 创建项目对比

以下是关于vuecreate和npminit的对比分析：1.定位与功能vuecreate定位：Vue官方提供的脚手架工具，基于VueCLI，用于快速创建标准化的Vue项目，支持Vue2和Vue3。

·2025-07-06 09:25

Vue进阶之Vue项目实战（四）

Vue项目实战出码功能知识介绍渲染器性能调优使用vuedevtools进行分析使用“渲染”进行分析判断打包构建的产物是否符合预期安装插件使用位置使用过程使用lighthouse分析页面加载情况使用performance

VillanelleS·2025-07-05 17:38

Vue从入门到精通：前端开发的基石之旅

目录一、Vue简介1.1渐进式框架的含义1.2Vue在前端开发中的优势二、Vue环境搭建2.1安装Node.js和npm2.2全局安装VueCLI2.3使用VueCLI创建Vue项目三、Vue基础语法3.1

奔跑吧邓邓子·2025-07-05 12:02

构建个人博客系统：基于Vue和Element UI的静态网页实现

文章目录一、项目概述1.1技术选型理由1.2系统功能规划二、环境搭建2.1初始化Vue项目2.2安装ElementUI2.3配置ElementUI2.4安装其他必要依赖三、项目结构设计四、核

布兰妮甜·2025-07-04 13:27

vue+element-ui：vue自定义指令监听el-table的滚动事件，达到滚动条滚动到底部加载新数据。

1.首先在vue项目中的main.js文件添加一个监听el-table滚动条事件的自定义指令，以供全局使用。

weixin_54129994·2025-07-04 08:56

vue项目中package-lock.json文件的作用

package-lock.json文件是由npm自动生成的文件，记录了当前项目中安装的所有依赖包的确切版本信息。它的主要作用是确保在不同环境中（例如开发者之间或CI/CD环境中）能够安装到完全相同版本的依赖，避免因不同版本的依赖导致的兼容性问题。主要作用：锁定依赖版本：package-lock.json确定了每个包及其依赖包的确切版本，确保无论谁安装该项目，都能得到一致的依赖树。它记录了包的具体版

whale fall·2025-07-04 04:57

Github 2025-07-01 开源项目月报 Top16

TypeScript项目5JupyterNotebook项目4Python项目4Rust项目2JavaScript项目1非开发语言项目1Shell项目1Dockerfile项目1Java项目1C++项目1Vue

·2025-07-04 00:33

vue使用scrollreveal库

vue项目安装scrollrevealnpminstallscrollreveal推荐使用cnpminstallscrollreveal代码展示如下：HelloWorldHelloWorldHelloWorldHelloWorldHelloWorldHelloWorldimportScrollRevealfrom"scrollreveal

数字浪儿·2025-07-03 19:28

Vue-Highcharts 使用教程

使用教程项目地址:https://gitcode.com/gh_mirrors/vu/vue-highcharts项目介绍Vue-Highcharts是一个基于Vue.js的高级图表库，它允许开发者轻松地在Vue

柳嵘英Humphrey·2025-07-03 14:19

引入的js文件里有过引用vue，在外侧仍需再写一次吗

在Vue项目中，是否需要在当前文件中再次导入Vue，取决于目标文件是否将Vue作为导出内容。

·2025-07-02 10:55

vue+three.js 加载fbx动画模型

而作为前端开发者，如何将高性能的3D动画无缝集成到Vue项目中？今天从网上找了一个fbx动画模型，然后将其加载出来，并让模型动起来。项目示意图1.FBXLoader加载器定义：主要用来加载fb

资深前端之路·2025-07-02 05:13

Vue-pdf预览pdf文件流：让Vue项目中的PDF预览变得简单

Vue-pdf预览pdf文件流：让Vue项目中的PDF预览变得简单【下载地址】Vue-pdf预览pdf文件流Vue-pdf预览PDF文件流是一个专为Vue项目设计的开源解决方案，旨在帮助开发者轻松实现在线预览

·2025-07-02 03:29

Vue部署Nginx之后，后台请求404

比如我们Vue项目的vue.config.js配置如下：期望能将/api/为前缀的请求全都代理到http://10.3.0.145:8008/，本地以开发模式运行一切正常，但发布到Nginx后这个代理好像就失效了

zhou_Tian·2025-07-01 17:20

Vue项目 npm i 报错npm ERR! code 1

Vue项目npmi报错npmERR!code1记录一下npmi的时候报错，报错信息如下记录一下npmi的时候报错，报错信息如下npmERR!code1npmERR!

小沛9·2025-06-30 06:02

vue项目做导入excel（通过base64）

最近项目的需求，记录下笔记要求：1..xls后缀名文件2.文件不超过10M3.转成base64传给后端导入excel//点击导入exceluploadFile(res){letfile=res.filethis.getBase64(file).then(baseFile=>{letdata=baseFile.split(';')[1]//base64的截取,根据后端要求截取的后半截的this.sa

·2025-06-30 04:16

直播分享|TinyVue 组件库主题适配原理与实战

因此6月27日晚19点，体验技术团队TinyVue项目成员岑灌铭老师将为大家带来以《TinyVue组件库主题适配原理与实战》为主题的分享，届时将与大家共同探讨主题适配的内容概述及方案详解。

OpenTiny社区·2025-06-29 00:59

Vue组件自动引入插件——unplugin-vue-components 快速接入教程

1.简介unplugin-vue-components是一款功能十分强大的插件，旨在简化组件的自动导入和使用，可以帮助我们在Vue项目中自动导入并注册我们使用的任何Vue组件，从而提高开发效率。

前端77·2025-06-28 06:47

vue-i18n的实际使用场景

1，安装vue2安装8版本vue3安装9版本pnpminstallvue-i18n@9--savepnpminstallvue-i18n@8--save2，配置i18n安装完成后在vue项目src目录下新建一个

大眼小夫·2025-06-27 20:44

深入解析：Vue 中的 Render 函数、JSX 与 @vitejs/plugin-vue-jsx 实践指南

本文将深入探讨render函数与JSX的区别、联系，并重点介绍如何在Vue项目中借助@vitejs/plugin-vue-jsx

斯~内克·2025-06-27 15:47

vue3实践3

1.vue-cli脚手架使用vue-cli脚手架构建vue项目首先全局安装脚手架npminstall-g@vue/cli创建一个vue项目vuecreate项目名称运行脚手架构建的项目npmrunserve

清风徐来QCQ·2025-06-27 15:42

Vue集成PageOffice实现在线编辑word、excel(前端配置)

二、环境要求前端Vue项目：Node.js10及以上版本（当前集成方式不支持vue3，原因是vue3不兼容ie)三、前端配

逆羽~·2025-06-27 11:46

vue项目在IE11上报错SCRIPT1002

背景：vue项目，在谷歌浏览器上展示正常，但是在360安全浏览器上的兼容模式打开，界面空白，浏览器控制台中报错SCRIPT1002:语法错误解决：1先定位报错信息从控制台的报错信息定位过去，会发现是一大串的

·2025-06-26 17:36

Vue项目i18n国际化多语言切换方案实践

VueI18n3.2.初始化I18n实例3.3.在组件中使用翻译内容4.动态切换语言5.复杂场景应用5.1.动态文本插值5.2.复数处理6.优化与扩展6.1.代码分割与按需加载6.2结合浏览器语言自动设置1.前言Vue

冲浪的鹏多多·2025-06-26 10:29

深入浅出--vue3封装echarts组件

然而，在Vue项目中直接使用ECharts可能会遇到状态管理、响应式更新和组件化封装的挑战。本文将介绍如何在Vue3中封装一个高效、可复用的ECharts组件——TChart。

brrdg_sefg·2025-06-26 08:15

uniapp 生成二维码

一般常用到的二维码生成库，在使用的过程中，都需要设置到指定的dom元素上，但是在uniapp项目中，想要像vue项目中一样，获取标签的dom元素是比较难操作的。

祖先森、·2025-06-25 12:49

Vue ⑨-Pinia

mutation）提供符合，组合式风格的API（和Vue3新语法统一）去掉了modules的概念，每一个store都是一个独立的模块配合TypeScript更加友好，提供可靠的类型推断手动添加Pinia到Vue

还会有机会吗·2025-06-25 11:13

vscode怎么点击路径直接跳转对应文件

在vue项目中经常要引入工具类、组件、模版等，想要直接去看对应文件，只能自己找到对应路径再去打开。

三线码工·2025-06-25 05:53

生成一个Vit+Vue项目

建立项目文件文件目录下cmd=>运行npmcreatevite@latest=>选择vue=>选择jsorts基础组件下载npminstallvue-router@4--savenpminstallelement-plus--savenpminstallvuex@next--savenpminstallmitt--save//组件通信npminstallaxiosnpminstallvite-pl

luanluan8888·2025-06-24 11:48

解决 Vue 项目中 “@vue/composition-api/dist/vue-composition-api.mjs” 找不到的问题

目录解决Vue项目中“@vue/composition-api/dist/vue-composition-api.mjs”找不到的问题报错背景分析✅正确解决方法1.安装@vue/composition-api2

gs80140·2025-06-24 03:55

React 和 Vue 项目中集成基于 Svelte 的 `Bytemd` 库 || @bytemd/react` 底层实现原理

理解了这一点，我们就可以深入探讨如何在React和Vue项目中适配Svelte编写的Bytemd组件。

GISer_Jinger·2025-06-24 00:41

前端vite项目的启动加载loading优化

我们以vue3+vite项目举例：在vue3中，项目根目录会有一个index.html文件，由于vue项目是一个单页面应用

·2025-06-22 23:55

Vue中的消息订阅与发布

消息订阅与发布模式（Publish-SubscribePattern）作为一种松耦合的通信机制，在Vue项目中被广泛应用。

layman0528·2025-06-22 21:04

前端工程结构设计指南：如何让模块解耦、易维护、可拓展

点出目标：「本文分享一套结构设计和代码组织原则，适用于React/Vue项目，助力构建可维护、可拓展的前端工程。」举例说明：一个模块修改，影响到其他模块。接口参数相同但结构不同，代码堆砌。

春天里的水稻·2025-06-21 21:01

最快速搭建 react-native-webview 及vue页面传输数据( Vue项目 )

ReactNative内嵌webview(Vue项目)ReactNativewebview属性automaticallyAdjustContentInsets控制是否调整放置在导航条、标签栏或工具栏后面的

·2025-06-21 07:04

Vue 中的 vue-resource：Vue2 与 Vue3 的应用

Vue中的vue-resource：Vue2与Vue3的应用剖析在Vue项目开发中，与后端服务器进行数据交互是必不可少的环节，而选择合适的HTTP请求插件至关重要。

layman0528·2025-06-20 21:57

解决前端vue项目在linux上，npm install，node-sass 安装失败的问题

Unabletosavebinary/var/lib/jenkins/workspace/xxx/node_modules/node-sass/vendor/linux-x64-72:Error:EACCES:permissiondenied,mkdir‘/var/lib/jenkins/workspace/x/node_modules/node-sass/vendor’这个是node-sass安

_朱志强·2025-06-19 20:02

【Node技巧】Node部署前端Vue项目的深度解析

目录前言1️⃣Node.js与Vue部署的基本原理2️⃣部署前的准备工作3️⃣Vue项目构建4️⃣Node.js服务器的选择与设置5️⃣部署Vue静态文件6️⃣反向代理与负载均衡配置7️⃣自动化部署流程

·2025-06-19 05:09

推荐频道