vue2表单验证第4页

vue2和vue3 通过函数调用一个组件

实现一个简单的弹窗组件：vue2函数式组件写法，通过extend方法：创建ui.vue文件，存放我们的组件，如下：你好关闭.dialog{width:100vw;height:100vh;position

·2024-02-20 19:01

Vue25 过滤器

实例dayjs.min.js需要去bootcdn下载过滤器显示格式化后的时间现在是：{{fmtTime}}现在是：{{getFmtTime()}}现在是：{{time|timeFormater}}现在是：{{time|timeFormater('YYYY_MM_DD')|mySlice}}尚硅谷{{msg|mySlice}}Vue.config.productionTip=false//全局过滤器

在下，杨江河·2024-02-20 18:51

Vue26 内置标签 v-text v-html

实例v-text指令你好，{{name}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示。newVue({el:'#root',data:{name:'尚硅谷',str:'你好啊！'}})v-html指令你好，{{name}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示。newVue({el:'#ro

在下，杨江河·2024-02-20 18:50

Vue 3的provide和inject用法

了解Vue3的provide和inject用法前言在组合式API中的用法基本用法前言provide和inject在Vue2中已经被广泛应用，不是新鲜API，3.0重新认识一下它们两个。

超人不会飞°ོ·2024-02-20 17:44

在Vue3中使用Provide / Inject

前面已经讲了浅谈Vue2中provide和inject使用，今天讲讲在Vue3中如何使用provide和injectVue3的写法已经和Vue2有所不同，因此需要熟悉Vue3的写法，其实变动不大，现在官方文档也有详细介绍

NMGWAP·2024-02-20 17:12

Vite 搭建 Vue2 项目（Vue2 + vue-router + vuex）

在写本文时Vite没有提供Vue2的创建方式。相信有些开发者还没开始学Vue3，但又想尝尝Vite。那可以参考本文的进食方式。如果心急的话，“0、简介”可以跳过。

德育处主任Pro·2024-02-20 17:23

Pinia状态管理器持久化

前言：我们在做vue2开发的时候，难免会用到vuex这个状态管理器，但是我们都知道，vuex是没法做持久化的，一刷新就会丢失数据，这个时候我们又需要持久化，就得搭配缓存，比如LocalStorage，SessionStorage

零凌林·2024-02-20 16:46

Vue | （二）Vue组件化编程 | 尚硅谷Vue2.0+Vue3.0全套教程

文章目录模块与组件、模块化与组件化非单文件组件基本使用关于组件的几个注意点组件的嵌套单文件组件一个.vue文件的组成实例学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，本文对应

啦啦右一·2024-02-20 12:17

Vue | （三）使用Vue脚手架（上） | 尚硅谷Vue2.0+Vue3.0全套教程

文章目录初始化脚手架创建初体验分析脚手架结构关于render查看默认配置ref与propsref属性props配置项混入插件scoped样式学习链接：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs

啦啦右一·2024-02-20 12:13

Vue中的数据请求

Promise,并且已经做好了封装，可以直接使用)使用别人封装好的第三方库目前最流行的，使用率最高的是axiosvue中我们最常使用的vue1.x的版本提供了一个封装库vue-resource,但是到了vue2

nerao·2024-02-20 09:42

前端系列——vue2+高德地图web端开发（使用和引入）

vue2+高德地图web端开发（使用和引入）前言准备工作高德地图的个人开发者注册高德api网址1.点击进行注册2.注册完之后进入控制台3.创建新应用4.添加高德2.0新增创建vue2的项目npm引入高德官方文档

勤恳的码农!!·2024-02-20 09:02

VUE2 使用高德地图（入门超详细）

创建项目就不用说了吧高德地图的apihttps://lbs.amap.com进去后按照提示注册登陆点击左侧应用管理-我的应用点击右上角创建新应用给新创建的应用添加key红框圈起来的是必填项提交后就有key和密钥两个重要的东西（项目需要）在项目的根目录里cmdnpm方式输入命令行：npmi@amap/amap-jsapi-loader--save接下来就是在封装好地图的组件里页面挂载：在script

蜘蛛侠_@·2024-02-20 09:30

vue2+高德地图web端开发使用

创建vue2项目我们创建一个vue2项目，创建vue2项目就不用再多说了吧，使用“vuecreate项目名”创建即可注册高德地图高德地图官网地址：https://lbs.amap.com/如果是第一次使用

是张鱼小丸子鸭·2024-02-20 09:30

vue2 使用高德地图

import{getStation}from'@/api/photovoltaic'exportdefault{name:'MapContainer',data(){return{map:null,mapMarker:{station:[],stationIsShow:true},kanbanData:{userInfo:[]}}},watch:{map(val){console.log('地图变

一个前端不会用git·2024-02-20 09:59

vue2 引用高德地图

https://lbs.amap.com进去后按照提示注册登陆1.点击左侧应用管理-我的应用2.点击右上角创建新应用给新创建的应用添加key提交后就有key和密钥两个重要的东西（项目需要）3.在项目的根目录里cmdnpm方式输入命令行：npmi@amap/amap-jsapi-loader--save4.在main.js全局引入importAMapLoaderfrom"@amap/amap-jsa

没有铲屎官的汪·2024-02-20 09:59

vue2项目中引入高德地图--1 简单应用

1.首先我们需要进入到高德地图的官方网站申请一个key和密钥，创建一个项目--首页|高德控制台2.安装高德地图的包--npmi@amap/amap-jsapi-loader--save3.新建一个放地图的vue组件4.具体代码如图ps：附上代码片段importAMapLoaderfrom"@amap/amap-jsapi-loader";//按需引入依赖//import{on}from"event

zhangnian-张张张·2024-02-20 09:28

Vue2中使用高德地图（Loader ）

1.需求：根据输入的地址，地图显示地址的位置；2.准备工作2.1注册高德开放平台账户，并完成认证根据具体实际情况，完成个人开发或者企业开发认证。高德开放平台https://console.amap.com/2.2在应用管理---我的应用中添加key注意：服务平台选择web端（JSAPI）2.3参考文档路径高德开发参考文档路径https://lbs.amap.com/api/javascript-a

Smart_11·2024-02-20 09:58

Vue2项目使用高德地图

目录一、账号准备1.注册账号2.获取key二、快速上手1.安装2.创建地图3.点标记4.海量点标记5.简易行政区图6.GeoJSON三、绑定事件总结一、账号准备1.注册账号首先，注册开发者账号，成为高德开放平台开发者https://console.amap.com/dev/index2.获取key登录高德开放平台后，进入左侧边栏应用管理-我的应用，右上角创建新应用，应用名称与应用类型任意填写选择添

蜻蜓队长2068·2024-02-20 09:28

vue2+高德地图web端开发（二）

松果猿·2024-02-20 09:25

vue2 导入使用vue-codemirror详解

目录vue2导入使用vue-codemirror详解1介绍2安装使用2.1安装vue-codemirror2.2使用codemirror2.2.1引入3配置详情3.1语言模式配置3.2自动高度设置3.4

Saga Two·2024-02-20 09:53

vue2 vue-router引入使用详解

vue2vue-router使用详解1介绍2VueRouter的使用2.1安装2.2项目引入使用2.2.1创建路由文件2.2.2main.ts引入2.2.3App.vue配置2.2.4整体目录结构2.4

Saga Two·2024-02-20 08:53

vscode使用快捷键一键生成vue默认的初始结构

即如果下面写的是"prefix”:“vue2”，这里显示就是vue2.json。2.vue.json设置粘入编辑好的vue模板：{"Printtoconsole":{"pr

vicky_yongqi·2024-02-20 08:19

前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章基础界面开发 (组件封装和使用)

而在Vue2版本中，组件的开发也变得非常简单，但随着Vue3版本的发布，组件开发有了更多的特性和优化，为我们的业务开发带来了更多便利。本文将介绍如何使用Vue3开发业务组件，并通过代码实例进行演示。

SmallTeddy·2024-02-20 08:45

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome/css/font-awesome.min.css'

LI_4058·2024-02-20 05:09

ElementUI +++ Echarts面试题&答案汇总

官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面

阿金要当大魔王~~·2024-02-20 05:15

前端给后端传值

在Vue2中，你可以通过发送HTTP请求来将前端的数据传递到后端。这通常涉及到使用像axios这样的库来发送请求。

阿金要当大魔王~~·2024-02-20 05:13

Vuex学习记录

目录一、Vuex概述1.1Vuex是什么1.2使用Vuex统一管理的好处1.3什么样的数据适合存储在Vuex中二、Vuex的基本使用2.1创建Vuex项目视图式（版本：vue3+vuex4）命令式（版本：vue2

娃哈哈哈哈呀·2024-02-20 05:41

element 手动上传base64编码图片预览图片下载图片删除图片

文章目录使用场景页面效果前端代码参考手册使用场景 vue2+element实现手动上传base64编码图片、预览图片、下载图片、删除图片。

飞蛾逐月·2024-02-20 05:08

vue项目中处理table数据的一些总结

我的使用场景vue2后台管理系统ElementUI在vue项目中，我们经常需要操作一些表格数据。

idanzk·2024-02-20 05:34

Vue22 Vue监测数据改变的原理_数组

实例Vue监测数据改变的原理_数组学校信息学校名称：{{school.name}}学校地址：{{school.address}}校长是：{{school.leader}}学生信息添加一个性别属性，默认值是男姓名：{{student.name}}性别：{{student.sex}}年龄：真实{{student.age.rAge}}，对外{{student.age.sAge}}爱好{{h}}朋友们{{

在下，杨江河·2024-02-20 05:04

Vue24 收集表单数据实例

实例收集表单数据，则v-model收集的是value值，用户输入的就是value值。若：，则v-model收集的是value值，且要给标签配置value值。若：1.没有配置input的value属性，那么收集的就是checked（勾选or未勾选，是布尔值）2.配置input的value属性:(1)v-model的初始值是非数组，那么收集的就是checked（勾选or未勾选，是布尔值）(2)v-mo

在下，杨江河·2024-02-20 05:04

element 表单提交图片（表单上传图片）

文章目录使用场景页面效果前端代码使用场景vue2+element表单提交图片 1.点击【上传图片】按钮择本地图片（只能选择一张图片）后。 2.点击图片，支持放大查看。

飞蛾逐月·2024-02-20 05:32

Vue23 数据监测总结

代码总结数据监视button{margin-top:10px;}学生信息年龄+1岁添加性别属性，默认值：男修改性别在列表首位添加一个朋友修改第一个朋友的名字为：张三添加一个爱好修改第一个爱好为：开车过滤掉爱好中的抽烟姓名：{{student.name}}年龄：{{student.age}}性别：{{student.sex}}爱好：{{h}}朋友们：{{f.name}}--{{f.age}}Vue.

在下，杨江河·2024-02-20 05:32

micro-app的简单学习

简述本文承接上一篇手把手教你使用vue2搭建micro-app对micro-app进行简单的认识与学习。

笑到世界都狼狈·2024-02-20 04:48

2024前端面试准备之Vue3篇

1.Vue3相比Vue2有哪些改进？CompositionAPI:Vue3引入了CompositionAPI，使得组件的逻辑更加清晰和灵活。

前端fighter·2024-02-20 01:08

【amis低代码前端框架】vue2集成百度低代码前端框架amis

什么是amis：amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。第一步：下载amis命令行内执行以下命令下载安装amisnpmiamis第二步：下载完毕amis后将node_modules中的amis包复制到public内第三步：在public/index.html内引入amis包ps：cxd.css属于基础样式文件，如果是新项目正常引入cxd，我

G佳伟·2024-02-19 23:32

Vue3学习——computed、watch、watchEffect

computed与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...

可乐KL·2024-02-19 23:21

Vue3学习——响应式原理

vue2原理对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。

可乐KL·2024-02-19 23:19

前端Vue3开发 “硬核” 新书来了

调查结果显示，使用Vue.js的开发者数量多于使用Vue2的开发者，而且大部分人仍在使用Vue2。这个结论与大家的预期可能不一致，有两个主要原因。一是老项目进入稳定期，重构成本高，没有必要升级。

前端组件开发·2024-02-19 23:14

Vue2数据代理与数据劫持，你还不会吗？

数据代理1.Object.defineproperty(对象名，属性名，配置项)：vue实现的底层原理技术即控制新增的属性，是否可以被增删改等等。getter和setter为重要函数可将外部改变应用到内部Object.defineProperty(person,'age',{//value:18,//enumerable:true,//控制属性是否可以枚举，默认值是false//writable:

ydcgye_·2024-02-19 21:30

vue2响应式原理之Object.defineProperty()方法

前言最近一直在研究vue2响应式原理,去官网看一遍文档,好像懂了但又好像不懂,然后去查看别人写的响应式原理和视频,好的理解了百分六七十头皮发麻,vue2的响应式原理实现的核心就是Object.defineProperty

山海入梦·2024-02-19 21:21

Vue2学习第五篇：Vue中的数据代理

一、回顾js中的Object.defineProperty()方法想要了解Vue中的数据代理，必须搞懂Object.defineProperty()这个方法，因为Vue中的数据代理底层用到的就是这个方法。下面代码表示的是利用Object.defineProperty()往person对象里面添加一个age属性，值为18，当我们输出person的时候会多出一个值为18的age属性。但此时这个age属

瓜而不皮皮皮弟·2024-02-19 21:20

vue3 hooks

在vue2中主要是使用mixin进行逻辑复用的，主要缺点为：不清晰的数据来源：当使用了多个mixin时，实例上的数

前端碎碎念·2024-02-19 19:50

svg之全局组件，配合雪碧图解决vue2的svg优化问题

这里是vue2中的svg的完整解决方案的另一篇。

强啊啊强·2024-02-19 19:48

vue2中vuex的各项的各种调用方式，部分对比vue3的pinia

首先vuex的实例化比较特别，通过导入Vue和Vuex，先Vue.use(Vuex)再newVuex.store()的方式来实例化仓库，模块则是通过创建modules文件夹，在新建的文件中export符合规范的对象，这样约定俗成的方式来创建，然后一些限制就是模块需要加上namespaced:true这个属性，大仓库则是通过newVuex({modules:{导入的模块名//注意，这里modules