VUE2

2024-10-01vue2与vue3中侦听器，Vue3中基础数据一个或多个ref
<template><divid="app"><nav><p>vue2与vue3侦听器的区别</p><p>当前数值是:{{count}}</p><button@click="count++">点击++</button><hr><p>当前字符串是:{{st
2024-10-01vue2接入高德地图实现折线绘制、起始点标记和轨迹打点的完整功能（提供Gitee源码）
目录一、申请密钥二、安装element-ui三、安装高德地图依赖四、完整代码五、运行截图六、官方文档七、Gitee源码一、申请密钥登录高德开放平台，点击我的应用，先添加新应用，然后再添加Key。如图所示填写对应的信息，系统就会自动生成。二、安装element-ui没安装的
2024-09-30Vue2.x Select的Option值可以是对象
Vue2.xSelect的Option值可以是对象基本概念与作用传统的Select元素使用对象作为Option值示例一：基本的对象Option实现示例二：使用计算属性展示Option文本示例三：处理复杂的Select选项使用技巧与分析在Vue.js开发中，select元素是一种常见的表单输入方式，用于让用户从一
2024-09-30Vue2.x Radio和Checkbox值绑定
Vue2.xRadio和Checkbox值绑定基本概念与作用Radio控件Checkbox控件v-model指令示例一：基本的Radio值绑定示例二：基本的Checkbox值绑定示例三：使用对象作为Radio值示例四：使用数组作为Checkbox值示例五：动态生成Radio和Checkbox使用技巧与分析在Vue.js应用程序中，处理
2024-09-29vue2 自定义empty指令
主要思路定义一个echarts图标，数据为空，image采用base64编码图标宽高根据父宽高自适应渲染echarts函数，切换清除图例定义暂无数据指令定义option/***暂无数据*@param{number}width*@param{number}height*@returnsoption*/functionemptyChartOptionFn(w
2024-09-28【Vue】Vue2（1）
文章目录1初识Vue2Vue模板语法3数据绑定4el与data的两种写法5MVVM模型1初识Vue<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"/> <title>初识Vue</title>  <scripttype="text/jav
2024-09-27实战笔记：Vue2项目Webpack 3升级到Webpack 4的实操指南
在Web开发领域，保持技术的更新是非常重要的。随着前端构建工具的快速发展，Webpack已经更新到5.x版本，如果你正在使用Vue2项目，并且还在使用Webpack3，那么是时候考虑升级一下Webpack了。我最近将我的Vue2项目从Webpack3升级到了Webpack4。以下是我升级过程中积累的经验和步骤，希望
2024-09-27composition API 优势好处特点
3.1、为什么要选择组合式API？由于vue2有局限性：组件的逻辑膨胀导致组件的可读性变差；无法跨组件重用代码；vue2对TS的支持有限3.2、组合式API解决了什么问题？面对vue2的局限性，可以将相同的代码组织在一起，而不会散落在各个角落3.3、组合式API的优点？compositionAPI是根据逻辑相关性组织代
2024-09-26vue2-打包分片
//看这里：把chunk-vendors.js进行分包，提升资源加载速度，很有必要 optimization:{ /** *runtimeChunk可选值有：true或'multiple'或'single' *true或'multiple'会有每个入口对应的chunk。不过一般情况下 *考虑到要模块初始化，设
2024-09-24Vue2+3基础
。第一个Vue程序使用script进行Vue全局设置：指定Vue实例挂载的位置，Vue和js一样，都需要在script里写第一步创建vue实例1.为什么要newvue（），直接调用Vue不行吗？不行，因为如果直接调用Vue（）会报如下错误： 2.关于vue构造函数：optionsoptions翻译为多个选项Vue框架要求这
2024-09-23Vue2 子组件参数与父组件的双向绑定
在Vue2中，通过props字段可以实现父组件向子组件的单向数据流，在父组件数据发生变化时，会实时地传递给子组件，而子组件无法修改父组件传递的数据。以下提出的部分方法为网上收集整理资料得出，未经实践，如有错误欢迎指出。1、不允许直接修改props如果尝试直接修改props中的参数，会
2024-09-20如何利用nw.js打包vue项目
引言最近有一个开发windows桌面应用的需求,需要将vue项目打包成.exe文件，最好是变成可安装版(非绿色版)。特此记录一下如何通过nw.js将vue项目打包成.exe。可能这种方式不是最优，仅供大家参考！nw.js简介（以下描述来自nw.js官网） NW.js基于Chromium和Node.js。NW.js能够
2024-09-20vue2和vue3的多种语法形式
<template><divclass="persion"><h2>姓名：{{name}}</h2><h2>年龄：{{age}}</h2><h2>性别：{{sex}}</h2><button@click="nameTel">点击姓名</button>
2024-09-17Vue2 和 Vue3 区别 — 源码深度解析
Vue2和Vue3区别—源码深度解析Vue.js作为前端领域中的一款热门框架，其每一次版本迭代都牵动着无数开发者的心。今天，我们将深度解析Vue2与Vue3之间的最主要区别，通过源码对比，带你领略这两个版本背后的奥秘。文章目录Vue2和Vue3区别—源
2024-09-15vue2 中后台系统中，复杂表单的开发优化技巧
背景在中后台系统的日常开发中，表单必不可少，当表单内容比较多，例如有上百个字段（这一点都不夸张，血淋淋的现实）时，代码往往也变得复杂且难以维护，加上各种动态联动的表单校验，无疑让我们的页面开发过程雪上加霜，本文将结合自己平时的开发习惯，分享一下在大表单开发中如何处理复杂的表单
2024-09-14vue2制作高复用页面
记录一下页面搭建记录，利用vue2组件化开发的思想。这个页面适合于大部分信息管理系统~。模板固定，每次使用，直接修改表单表格参数，api接口等。以上图页面为例，一个基础数据信息页面可以分为，分类（左侧)，数据信息（右侧），搜索表单（右上），数据表格（右下），新增或编辑表
2024-09-14vue2 antv x6 入门（一）画布、节点、边
安装#npmnpminstall@antv/x6--save#yarnyarnadd@antv/x6 1.初始化画布<divid="container"></div>import{Graph}from'@antv/x6'constgraph=newGraph({container:document.getElementById('container'
2024-09-14Vue2/Vue3中编程式路由导航实践总结
【1】Vue2编程式路由导航①router.push除了使用<router-link>创建a标签来定义导航链接，我们还可以借助router的实例方法，通过编写代码来实现。router.push(location,onComplete?,onAbort?)注意：在Vue实例内部，你可以通过$router访问路由实例。因此你可以调用this.$router
2024-09-13尤雨溪推荐的拖拽插件，支持Vue2/Vue3 VueDraggablePlus
大家好，我是「前端实验室」爱分享的了不起~今天在网上看到尤雨溪推荐的这款拖拽组件，试了一下非常不错，这里推荐给大家。说到拖拽工具库，非大名鼎鼎的的Sortablejs莫属。它是前端领域比较知名的，且功能强大的工具。但我们直接使用Sortablejs的情况很少，一般都是使用基于它的
2024-09-13vue2 + scss 全局引入变量使用
百度以及时AI帮助说的配置方式都大差不差,但是我的总是报错,意思就是变量找不到,报错如下Foraguideandrecipesonhowtoconfigure/customizethisproject,<br> 然后AI和文章写的vue.config.js的配置内容基本如下module.exports={css:{loaderOp
2024-09-13vue2 webpack打包配置
序言最近在优化之前做的项目，看到打包后的文件夹，出现很多不需要的文件，想着应该是打包出现了问题，之前没时间优化，现在来看看优化项吧。RemovedPluginError:webpack.optimize.CommonsChunkPluginhasbeenremoved,pleaseuseconfig.optimization.splitChunksinstead以
2024-09-12vue2动态生成（绘制）图形验证码（验证码图片）
方案1：js绘制条形验证码参考文档：https://blog.csdn.net/LOVE_mingjing/article/details/130622848 utils文件夹下新建GVerify.js文件：functionGVerify(options){//创建一个图形验证码对象，接收options对象为参数this.options={//默认options参数值
2024-09-12前端vue2 常用的函数
1、在el-menu开启路由模式，default-active使用动态值等于当前路由，就需要用:default-active="$route.path" 2、阿里巴巴矢量图icfont的使用 ①将自己需要的图标下载到矢量库对应的项目文件中 ②更新对应的css代码，点击css代码链接，更新到本地去 ③使用<iclass="iconfont
2024-09-1110个 Vue3 精华知识点，你知道几个？
本文不适合Vue初学者，如果你是Vue2迁移者或者是准备面试的话，那么本文肯定很适合你，废话不多说Vue2和Vue3有什么区别对Vue3的了解/Vue3是怎么得更快的？新增了三个组件：Fragment支持多个根节点、Suspense可以在组件渲染之前的等待时间显示指定内容、Teleport
2024-09-11vue2+swiper 纵向弧形滚动效果
很垃圾的弧形轮播效果，其实不算弧形，只是一个爬坡效果，最终否了但保留一下配置项的代码。。方案1：swiperOptions:{direction:"vertical",spaceBetween:-80,slidesPerView:5,loop:true,centeredSlides:true,//当前的activesl