Vue2前端项目

css deep深度选择器 vue2/vue3使用

vue2/deep/>>>::v-deepvue3:deep(inner-selector){}
saunte·2024-09-06 22:46

css-深度选择器-vue2

/deep/伪类在Vue2.x中是一个被废弃的特性，并且在Vue3.x中已经移除。
"*smile*"·2024-09-06 22:14

Vue2、Vue3中 CSS 样式穿透

Vue2一、箭头三剑客(原生css)>>>.类名>>>.类名{样式}二、（sass、less中）：/deep//deep/.类名{样式}三、（sass、less中）：
lsy1234565·2024-09-06 22:41

vue3 动态组件component不生效问题

在vue2中使用动态变量component展示组件都是没问题。
技术钱·2024-09-05 22:30

vue2的缺陷

下班回家的途中,一个问题困扰我很久,在vue2中为什么不能给对象直接赋值?若是使用其他的的api又觉得麻烦,于是就有了这篇博客!!!
nz一只肥猫·2024-09-05 17:52

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。
不知名的小Q·2024-09-05 15:47

《Vue 3 中的 Pinia：全面解析与使用教程》

Pinia是Vue3官方推荐的状态管理库，用于代替Vue2中的Vuex。Pinia的核心设计目标是提供简单、灵活、轻量的状态管理方式，并与Vue3的组合式API紧密结合。
NMY112·2024-09-05 10:43

【Vue 入门】使用 Vue2 开发一个展示项目列表的应用

前言一直没有找到一个合适的展示个人项目的模板，所以自己动手使用Vue写了一个。该模板基于Markdown文件进行配置，只需要按一定规则编写Markdown文件，然后使用一个在线工具转为JSON文件即可。下面是该项目的在线地址和源码。本文主要记录一下项目中用到的相关知识。在线演示源码效果程序最终的效果如下图所示：整个项目只包含两个组件：项目介绍和侧边导航，逻辑比较简单，十分适合入门。环境配置这里我们
zhangjk1993·2024-09-05 10:37

Vscode 解决使用.vue文件里面代码无法自动补全解决方法。

最近相信许多小伙伴们学到vue的前置框架了，当然还要学习vue2开始，那么在开始vue前置框架里面，发现在.vue文件里面使用代码、函数等等代码没有自动补全和一键生成，这里提供两个解决方案。
风流野趣fly·2024-09-05 04:00

nginx 部署前端项目的详细步骤（vue项目build打包+nginx部署）_前端工程打包部署到nginx(2)

//开启服务1.startnginx.exe//cmd命令进入nginx文件夹后，使用该命令2.直接点击nginx目录下的nginx.exe//停止服务nginx-sstop//快速停止nginxnginx-squit//quit是完整有序的停止nginx//重新加载配置文件nginx-sreload//热加载####2.2.2默认配置**nginx-1.21.0\conf下的nginx.conf
2401_84437170·2024-09-05 03:25

MVVM 设计模式：构建高效且可维护的前端应用

本文将详细介绍MVVM的核心概念、优势以及如何在前端项目中实现MVVM。什么是MVVM？MVVM是一种软件设计模式，用于组织和分离用户界面（UI）的各个部分。它由三个主要部分
Lill_bin·2024-09-04 23:00

vue2基本指令

v-bind语法糖：‘:’用于标签的属性，给予属性绑定动态的值constvm=newVue({el:"#app",data:{imgUrl:"https://tse4-mm.cn.bing.net/th/id/OIP-C.82-NjML3lD7df9CJzESycgHaE8?rs=1&pid=ImgDetMain"}});setTimeout(()=>{vm.imgUrl="https://tse
老实摸鱼的李大爷·2024-09-04 16:50

vue2结合electron开发桌面端应用

一、Electron是什么？Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。嵌入Chromium和Node.js到二进制的Electron。允许您保持一个JavaScript代码代码库并创建可在Windows、macOS和Linux上运行的跨平台应用。Electron提供了丰富的本地（操作系统）API，使你能够使用纯JavaScript来创建桌面应用程序。E
vitenode·2024-09-04 16:48

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目的步骤如下：1.构建Vue.js项目首先，确保你已经完成了Vue.js项目的开发。
Min_nna·2024-09-04 10:09

Vue2路由守卫：解决路由传参页面刷新后参数消失的问题

需求在应用中，经常出现需要点击某个按钮实现新建表单或编辑表单的场景，表单打开时需要从原页面获取一定的参数对表单数据进行初始化。这里就涉及到1）新建表单，跳转至新页面（点击的表单不同，打开的页面不同）->动态路由2）从跳转前的页面向新页面传递参数->路由中的参数传递动态路由在Vue中，动态路由是指根据特定的路径参数来动态加载路由组件。通过使用动态路由，我们可以根据不同的路径参数加载不同的组件，实现页
我是飞鸟呀·2024-09-04 03:21

vue 批量自动引入并注册组件或路由

有时候有大量的组件.vue后缀的,或.js,或.ts文件,需要一个个的手动引入很麻烦,那么你可以尝试这样创建一个index.js本项目使用vue3.x,vue2.x也可以照样用;这里在components
yang295242361·2024-09-03 22:19

vue2开发心得

1.computedcomputed是一个对象，它包含了一系列计算属性。计算属性是基于它们的依赖进行缓存的计算值。只有当依赖发生变化时，计算属性才会重新计算。这使得计算属性非常适合执行昂贵的计算或派生状态。computed中的属性是响应式的，这意味着当它们的依赖项发生变化时，Vue将自动更新依赖于这些计算属性的任何DOM。2.Object.assign()函数Object.assign()函数用于
Albert.H.Holmes·2024-09-03 20:11

前端项目开发之安装prettier和使用

前端项目开发之安装prettier和使用Prettier是一个流行的代码格式化工具，可以帮助你保持代码风格的一致性。
迷途小码农零零发·2024-09-03 18:59

$listeners在vue3中使用

vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件
qq_41068783·2024-09-03 17:51

使用脚本一键打包并上传docker镜像

笔者搞了一年多微前端项目，一个团队管理十个微应用，换成docker镜像部署后，发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟，尤其上传每个应用到各自的阿里云仓库。
春深是蔚蓝·2024-09-03 11:09

vue2（vue-cli3x[vue.config.js]）使用cesium新版（1.117.0）配置过程

呜呜呜呜这里我用的是vue-cli去搭建的项目的vue2项目，其实不建议用vue2搭配cesium。
GIS瞧葩菜·2024-09-03 07:14

Vue2.0 插槽 Slot

一、插槽概述作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件到子组件分类：分类：默认插槽、具名插槽、作用域插槽二、默认插槽的使用父组件默认插槽importDefaultSlotfrom"@/components/defaultSlot.vue";exportdefault{name:"ParentBox",components:{DefaultSlot,}
weixin_46913268·2024-09-02 21:45

搭建vue2.0工程步骤

搭建Vue2项目的具体步骤如下：确保已安装Node.js和npm。
鼠年大吉·2024-09-02 21:13

Vue2.0

Vue2.0饿了么ElementUI:http://element.eleme.io/#/zh-CN/component/installation?
WYONG_ZQ·2024-09-02 21:43

npm报错信息集合——基础积累

npmi卡在idealTree:SmtWeb:sillidealTreebuildDeps没进度由于前几天我使用vuepress后，导致node版本切换到了20.11.1后忘记切换回来，导致今天在npmivue2
叶浩成520·2024-09-02 16:17

nginx部署前端vue项目

在Nginx上部署Vue.js前端项目相对简单，通常包括以下几个步骤：1.构建Vue.js项目首先，你需要将Vue.js项目打包为静态文件。
iangyu·2024-09-02 11:48

使用 Nginx 部署前端 Vue 项目

在这篇文章中，我们将深入探讨如何使用Nginx部署一个Vue.js前端项目。Vue是一个流行的前端JavaScript框架，而Nginx则是一个性能卓越的Web服务器和反向代理服务器。
vvvae1234·2024-09-02 09:35

JavaScript 模块化开发：ES6 模块与 CommonJS 的对比与应用

前言随着前端项目规模的增长，代码组织和管理变得越来越复杂。模块化开发成为解决这一问题的有效手段，能够帮助开发者将代码进行分割、复用和维护。
程序员小羊！·2024-09-02 01:12

滴滴前端日常实习一面

简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue
真的很上进·2024-09-02 01:39

Vue2.0学习--基础--4--Class与Style绑定

（day5）操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute（也就是每个元素的class属性和style属性），所以我们可以用v-bind处理它们：只需要表达式计算出字符串结果即可。（也就是说，在HTML中class和style属性后面都是接一个双引号括起来的字符串值）但是字符串拼接麻烦且易错。所以，在使用v-bind将class与style与特定的值绑定
naildingding·2024-09-02 00:06

基于Springboot和Vue的在线小说阅读平台系统(570)

获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2
源码出售和定制·2024-09-02 00:34

为了在前端项目打包后删除 console.log 日志，可以采用不同的方法来实现这一目标。以下是几种常见的方式，包括在 Webpack 和 Vite 中的具体实现。

在构建Vue应用时，为了提高生产环境的性能和安全性，通常会对代码进行一系列的优化。其中一个常见的优化是在生产环境中移除console.log日志，从而减少不必要的日志输出，提高应用性能webpack生产环境优化1.环境判断首先，我们需要判断当前环境是否为生产环境。这可以通过检查process.env.NODE_ENV环境变量来实现：constisProduction=process.env.NOD
云只上·2024-09-01 12:50

vue响应式原理

我们先了解vue是一个MVVM结构的框架；也就是数据层、视图层、数据-视图层；响应式的原理就是实现当数据更新时，视图层也要相应的更新，基于响应式原理我们可以使数据驱动视图的实现变得简单而高效一、响应式原理对于Vue2
.YoIo·2024-09-01 10:04

uniapp解决app端不能用＜web-view＞将外部页面嵌入当前页面的问题

uniapp解决app端不能用将外部页面嵌入当前页面的问题参考资料代码（兼容h5与app）父页面子组件Vue2Vue3、组合式、ts参考资料android项目嵌套uniapp页面及交互uniapp嵌套h5
舍予一·2024-08-31 20:15

VUE3笔记

前端系列一、HTML5二、CSS3三、JavaScript四、jQuery五、BootStrap六、Element七、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli
一介书生.·2024-08-31 16:48

vue2/3 - 解决项目运行或安装依赖npm install时，出现报错 errno -4048 | Error: EPERM: operation not permitted, mkdir错误

错误截图在vue2|vue3|nuxt项目开发中，运行或执行安装依赖包命令install时出现报错：npmERR!errno-4048|npmERR!
街尾杂货店&·2024-08-31 14:06

JavaWeb——前端工程化

前端工程化实现技术栈:ES6+Nodejs+npm+Vite+VUE3+Router+Pinia+Axios+Element-plusECMAScript6:VUE3中大量使用ES6语法;Nodejs:前端项目运行环境
A_Tai2333333·2024-08-31 08:21

vue+moment转化日期格式为年月日时分秒！最简洁版

文章目录概要整体架构流程所用组件技术细节小结概要全局实行格式化日期，让你告别冗余处理时间代码整体架构流程使用moment插件实现官网：https://momentjs.cn/所用组件vue2moment
暴富的Tdy·2024-08-31 08:50

Chapter 06 axios使用指南

欢迎大家订阅【Vue2+Vue3】入门到实践专栏，开启你的Vue学习之旅！
Heaven645·2024-08-30 22:42

【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题

2.前端项目的目录结构问题：你通常如
快乐点吧·2024-08-30 12:39

关于在vue2中给el-table加边框的写法

分三个位置分别给el-table添加边框线样式
又写了一天BUG·2024-08-30 12:36

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?
爱学英语的程序媛·2024-08-30 12:04

关于vue2运行时filemanager-webpack-plugin报错isFile is undefind

当我们在运行时报此错误时，在vue.config.js里找一下filemanager-webpack-plugin的配置路径。newFileManagerPlugin({onEnd:{delete:['./dist.zip'],archive:[{source:'./dist',destination:'./dist.zip'}]}})在对应的路径下建一个dist文件夹
又写了一天BUG·2024-08-30 12:34

Vue(一) 插值与指令语法、数据代理、MVVM模式、事件处理

文章目录1.初始Vue2.模板语法2.1插值语法2.2指令语法3.el与data的两种写法3.1el的两种写法3.2data的两种写法4.MVVM模式5.数据代理5.1Object.defineProperty
爱喝水的小鼠·2024-08-30 11:02

深入理解 Vue 2 的双向绑定原理与实现

在Vue2中，双向绑定是Vue的核心功能之一，它通过数据响应式系统使得数据的变化自动反映在视图上，同时用户在视图上做的更改也能够同步回数据模型。
NMY112·2024-08-29 19:46

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

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

Vue在线预览文件（docx/xlsx/pdf）

技术栈：Vue2+vue-office+ElementUI简介在Vue开发中，可以利用一些第三方插件来实现文件预览功能。例如使用vue-office插件来实现pdf、docx、xlsx文件的预览。
Cxiaomu·2024-08-29 09:40

Vue2.X是如何利用Object.defineProperty()实现数据绑定的

Vue2.X是如何利用Object.defineProperty()实现数据绑定的上一篇文章写到了Object.defineProperty的使用，这篇文章说一下Vue是如何利用这个方法实现数据绑定的。
伯约同学·2024-08-29 07:41

node.js版本管理器——NVM

在日常工作中，需同时开发好几个前端项目的时候，可能不同项目使用的node的版本也不一样，而一台电脑只能安装和同时使用一个版本的node，这个时候我们需要借助NVM来管理node的版本了。
小清20·2024-08-29 07:24

vue2的el-select虚拟下拉

说明vue3的的el-select，ElementPlus封装了虚拟下拉的写法，但是有些vue2版本的el-select却没办法用虚拟下拉。如果下拉列表数据量大的话，很导致极度卡顿。
前端没钱·2024-08-28 20:37
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他