vue2.0 第8页

element-ui的form数组表单验证（循环表单验证）

基于vue2.0的element-ui的form表单验证比较简单，但是有些同学可能对于数组类型的表单验证无从下手，这里我基于一个我自己项目中的例子，展示一下怎么进行数组的表单验证。

Robertbiu·2023-09-25 02:59

Web前端-Vue2.0框架学习

Web前端-Vue框架学习1.前端工程化与Webpack1.1隔行变色的demo实现1.2webpack的基本使用1.3webpac插件1.3.1webpack-dev-server插件1.3.2html-webpack-plugin1.4webpack中的loader（加载器）1.4.1css-loader1.4.2less-loader1.4.3url-loader&file-loader（处

GY-93·2023-09-24 18:53

跟技术胖学vue3.0(typescript版)(二) setup() , ref() 和 reactive()

tips:vue2.0和vue3.0的区别没有datamethodscomputed那些内容了而是用setup()函数代替里的“根元素”不再只能是一个了一.setup()函数现在,我们没有必要把数据写在

熊爸天下_56c7·2023-09-24 08:10

Vue2.0笔记（一）

本笔记来源与官网vue教程和第三方教学视频，并不十分全面，但也可以作为一个复习提纲，一边对应目录，一边复习相关知识点。vue体验1.创建vue的实例letvm=newVue({el:'#app';//与html中id为app的关联data:{massage:'你好，世界！'//替换{{massage}}的数据}})1.指令指令v-model指令v-oncev-ifv-showv-forv-text

星腾_范特西·2023-09-24 02:41

2018-03-23 vue-happy-scroll是一款基于vue2.0的滚动条插件

解决了EasyScrollIE不兼容的问题转载：http://swift.ctolib.com/article/wiki/69135

small_zeo·2023-09-23 21:50

vue xunidom_浅谈Vue中的虚拟DOM

前言Vue2.0引入了虚拟DOM，比Vue1.0的初始渲染速度提升了2～4倍，并大大降低了内存消耗。

weixin_39680208·2023-09-23 10:18

Vue学习笔记

本篇文章主要是围绕vue2.0官方文档进行简化和总结，如果读者是零基础，请阅读官方文档~(2022/1/3…持续更新https://cn.vuejs.org/v2/guideVue2.0学习笔记Vue的介绍

okouk·2023-09-22 16:53

vscode创建vue项目

blog.csdn.net/weixin_45633422/article/details/115019629和https://teech-lab.com/vue-js-vscode-settings/1041/vue2.0

安達と島村·2023-09-22 10:20

Vue3.0与Vue2.0的区别（超详细）

目录生命周期的变化多根节点异步组件Teleport组合式API响应式原理虚拟DOM事件缓存Diff优化打包优化自定义渲染APITypeScript支持生命周期的变化整体来看，变化不大，只是名字大部分需要+on，功能上类似。使用上Vue3组合式API需要先引入；Vue2选项API则可直接调用，如下所示。// vue3 import { onMounted } from vueonMounte

前方路远·2023-09-21 23:50

vue2.0使用render函数对el-table表格再封装

在用el-table的时候，用一个数组进行循环就可以了，但是当我们需要对某一列的数据进行二次处理就会用，那么就不能进行循环了，就需要在模版中一个一个的写，造成模版的代码量大，所以我就对el-table进行了二次封装//这是table.vue文件exportdefault{name:"GTable",props:{serialNumber:{type:Boolean,default:true},//

likang1314520·2023-09-21 12:35

vue 项目首页加载速度优化以及解决首页白屏问题

本篇博客介绍的vue2.0版本的优化，

郝艳峰Vip·2023-09-21 11:10

node包管理器nvm的安装与使用，以及安装遇到的问题和解决方案

前言随着vue3.0的普及，公司的新项目也都开始使用vue3.0+typescript+vite的模式了，但是有的老项目还在有vue2.0，所以在开发不同项目的时候就会遇到因为node版本不同带来的各种不兼容

郝艳峰Vip·2023-09-21 11:10

React还是Vue：你该如何选择？

但是2016对Vue来说也是同样令人印象深刻的一年，它发布了Vue2.0版本并且在JavaScript社区引起了巨大反响，GitHub上多

·2023-09-20 22:49

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记（四）

第四章：Vue中的ajax4.1解决开发环境Ajax跨域问题——Vue脚手架配置代理本案例采用axios作为发送Ajax请求的库，因此首先需要下载并引入axios：在VSCode终端处输入命令：npmiaxios第二步，利用脚手架vue-cli开启代理服务器：vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exp

上官海岚·2023-09-20 17:34

尚硅谷 Vue2.0 + Vue3.0 入门到精通教程学习笔记（一）

目录第1章：Vue核心1.1Vue简介1.1.1官网1.1.2介绍与描述1.1.3Vue的特点1.1.4与其他JS框架的关联1.1.5Vue周边库1.2初始Vue1.3模板语法1.4数据绑定1.5el与data的两种写法1.6MVVM模型1.7数据代理1.7.1Object.defineProperty方法1.7.2何为数据代理1.7.3Vue中的数据代理1.8事件处理1.8.1事件的基本使用1.

上官海岚·2023-09-20 17:04

vue2.0检测无用的代码并删除

（1）、使用useless-files-webpack-plugin来查找无用文件npmiuseless-files-webpack-plugin-S（2）、vue.config.js中配置constUselessFile=require('useless-files-webpack-plugin')chainWebpack:config=>{config.plugin('uselessFile'

javascript艺术·2023-09-19 20:26

vue2.0中watch用法

watch：观测Vue实例上的数据变动，对应一个对象，键：就是需要监测的那个东西，值：1.可以是当键变化时执行的函数，有两个参数，第一个是变化前的值，第二个是变化后的值。2.可以是函数名，得用单引号包裹。3.可以是一个对象，这个对象有三个选项：（1）handler：一个回调函数，监听到变化时应该执行的函数。（2）deep：boolean值，是否深度监听。（一般监听时是不能监听到对象属性值的变化的，

一只欢喜·2023-09-19 14:42

【Vue2.0源码学习】生命周期篇-模板编译阶段

文章目录1.前言2.模板编译阶段分析2.1两种$mount方法对比2.2完整版的vm.$mount方法分析3.总结1.前言前几篇文章中我们介绍了生命周期的初始化阶段，我们知道，在初始化阶段各项工作做完之后调用了vm.$mount方法，该方法的调用标志着初始化阶段的结束和进入下一个阶段，从官方文档给出的生命周期流程图中可以看到，下一个阶段就进入了模板编译阶段，该阶段所做的主要工作是获取到用户传入的模

itpeilibo·2023-09-18 08:14

vue2.0 elementui 封装表单

1.封装表单<el-selectv-model="numberValidateFo

在路上等·2023-09-17 03:48

vscode安装+node.js环境搭建(mac)

安装vscode在官网VisualStudioCode-CodeEditing.Redefined下载解压即可使用插件分享：二：node.js环境搭建(使用终端brew安装最新的nodejs)可参考：Vue2.0

郭咖啡·2023-09-15 20:08

适合初学者的vue+webpack小项目

勾三股四的vue+webpack实战用Vue构建一个NotesAppNotesApp中文版Vue60分钟系列Vue2.0官方demo源码解读webpack配合vue.js实现完整的单页面demo使用Vue.js

BigLuckyHaha·2023-09-15 08:11

《图解Vue3.0》- 第6节模板语法 - 自定义指令

注意，在Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就会用到自定义指令。

张中华·2023-09-13 09:53

Vue2.0入门之实例化Vue对象

1.新建index.html并以CDN形式引入Vue。2.新建index.js实例化一个Vue对象。index.js内容如下:newVue({el:'#vue',//el:element(元素)需要挂载的元素,也是html的根容器元素data:{//存储数据'key':'value'},methods:{//存储方法//没有参数sayHello(){return'HelloWorld!'},//有

66be37b2096c·2023-09-12 21:36

【vue3.0 】vue 3.0 入门学习笔记

npminstall-g@vue/cli以下安装方式是错误的:npminstall-gvuenpminstall-gvue-cli安装成功后，我们即可使用vue命令，测试方法：vue-V1.2初始化vue项目使用vue2.0

itlu·2023-09-12 21:53

vue中el-checkbox-group无法选中

但是不会触发视图更新例如定义了temp对象在操作过程中又新增了b属性data(){return{temp:{a:''}}}//直接赋值不会触发视图更新this.temp.b=24可以新增属性，但是不会触发视图更新vue2.0

HH_KELE·2023-09-12 19:43

Vue2.0源码学习2：模板编译和DOM渲染

开始上一节总结了Vue的响应式数据原理，下面总结一下Vue中模板编译。模板编译情景众多，复杂多变，现在只学习了普通标签的解析，编译，未能对组件，指令，事件等多种情况进行深入学习总结。模板编译基本流程解析模板代码生成AST语法树，主要依赖正则。image将ast语法树生成代码。with(this){return_c("div",{id:"app"},_c("div",{class:"content"

泰然自若_750f·2023-09-11 22:46

【Vue2.0源码学习】生命周期篇-初始化阶段(initState)

文章目录1.前言2.initState函数分析3.初始化props3.1规范化数据3.2initProps函数分析3.3validateProp函数分析3.4getPropDefaultValue函数分析3.5assertProp函数分析4.初始化methods5.初始化data6.初始化computed6.1回顾用法6.2initComputed函数分析6.3defineComputed函数分析

itpeilibo·2023-09-11 13:19

Vue从了解到清晰-Vue2.0中使用vue-jsonp解决跨域问题（看看这篇就够了）

1、执行命令：npminstallvue-jsonp--save2、src/main.js中添加：importVueJsonpfrom'vue-jsonp'Vue.use(VueJsonp)3、其它组件中基本使用方法：this.$jsonp(rootApi+'/company/Info'',传参参数对象{}).then(json=>{//返回数据json，返回的数据就是json格式}).catch

zoomlaCMS·2023-09-11 04:31

vue2.0 使用可选链操作符

一、介绍ES6中js的常用运算符ES6中js的运算符（?.、?:、??、??=、），讲的很详细1、空值合并操作符（??）空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为null或者undefined时，返回其右侧操作数，否则返回左侧操作数constvalA=null??"默认值";//默认值1空值合并操作符（??）与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数

·2023-09-11 03:51

web前端: vue通过指令(directives)实现点击空白处收起下拉框

这里我们通过vue2.0中的自定义指令来简单实现。

长肉肉呱·2023-09-10 07:21

2019-11-28如何在网页里面直接引用vue3.0

本人不喜欢用各种脚手架写代码,之前vue2.0,也是直接引入到网页,直接写,目前vue3.0好像已经有人用了,但是不晓得怎么直接在vue里面引入,大佬们知道,可以留言,以后我知道了,也会更新次文章,求指教

nodejs哈哈哈·2023-09-09 18:24

如何将当前地理位置（省份、城市）渲染到页面？（百度地图API）

效果样式直接先上组件：（后有详细报错，及解决方法）1、打开vue根目录的indet.html文件,将script标签插入：（AK值的获取后有有详细教程）2、vue2.0在build/webpack.base.config.js

cnailili·2023-09-09 12:09

Vue2.0中消除警告方法：eslint-plugin-vuefix

消除vue2.0版本中的警告方法：①package.json文件中：（更改lint字段）"lint":"eslint--fix--ext.js,.vuesrc",②.eslintrc.js文件中：（更改

cnailili·2023-09-09 12:39

vue3.0实现jsoneditor组件

踩了很多坑最后写出来了，需要props里加属性自己加，css部分也是很关键的内容引用后可以在父组件用class设置height很多处理的灵感来源于vue2.0项目vue-json-editor的代码，原项目代码还是写的很精彩的安装命令

AlenHY·2023-09-07 20:35

Vue2.0 使用 echarts

目录1.配置+渲染2.数据渲染1.配置+渲染安装echarts依赖npminstallecharts-Smain.js，引入echartsimport*asechartsfrom'echarts'//在import的后面，echarts的前面加一个*asVue.prototype.$echarts=echarts从echarts官网直接复制一个案例，放到data里面，如图：template中定义一

364.99°·2023-09-07 15:39

vue2.0 用qrcode生成二维码

下载qrcode包npminstallqrcode--save封装组件importQRCodefrom'qrcode';exportdefault{name:'qrcode',data(){return{date:{url:"error",canvasId:"canvasId",},}},components:{QRCode:QRCode},methods:{useqrcode(date){thi

WH_6196·2023-09-06 15:51

为什么vue页面不显示

后来发现element是因为要使用vue2.0使用vue3.0没有用2.所以后来重新创建了一个使用vue2.0的将原来的代码复制到现在的项目里面3.之后就能显示了。

钓愚者·2023-09-06 04:29

vue2.0与3.0对比以及vue3.0 API变化入门

接下来会结合vue2.0和3.0的异同点进行介绍一、入手第一步1.首先利用cli3脚手架工具对项目进行初始化，为了将2个vue版本进行对比我初始化了2个项目,分别给文件夹命名为vue2.0和vue3.0

俗人彭jin·2023-09-05 14:55

Vue2.0 搭建Vue脚手架（vue-cli）

第一步：安装node.js从node官网下载并安装node，安装步骤很简单，只要一路“next”就可以了。我们所需要的npm包管理器，是集成在node中的，所以，直接输入npm-v就会如下图所示，显示出npm的版本信息安装完成后，打开命令行工具输入命令node-v，如下图，如果出现对应版本号，就说明安装成功了到这里node的环境已经安装完了,npm包管理工具也有了，但是由于npm的有些资源被墙，为

春风拂过谁·2023-09-05 13:40

VUE3.0

Treeshakingsupport：按需编译,体积比Vue2.x更小(Vue2大量API挂载到Vue原型上，难以实现TreeShaking)CompositionAPI:组合API(类似ReactHooks)vue2.0

金刚狼_3e31·2023-09-05 06:30

【Vue2.0源码学习】生命周期篇-初始化阶段(initEvents)

文章目录1.前言2.解析事件3.initEvents函数分析4.总结1.前言本篇文章介绍生命周期初始化阶段所调用的第二个初始化函数——initEvents。从函数名字上来看，这个初始化函数是初始化实例的事件系统。我们知道，在Vue中，当我们在父组件中使用子组件时可以给子组件上注册一些事件，这些事件即包括使用v-on或@注册的自定义事件，也包括注册的浏览器原生事件（需要加.native修饰符），如下

itpeilibo·2023-09-05 05:02

【Vue2.0源码学习】生命周期篇-初始化阶段(initInjections)

文章目录1.前言2.initInjections函数分析resolveInject函数分析3.总结1.前言本篇文章介绍生命周期初始化阶段所调用的第四个初始化函数——initInjections。从函数名字上来看，该函数是用来初始化实例中的inject选项的。说到inject选项，那必然离不开provide选项，这两个选项都是成对出现的，它们的作用是：允许一个祖先组件向其所有子孙后代注入一个依赖，不

itpeilibo·2023-09-05 05:30

vue2.0获取鼠标位置

#canvas{width:500px;height:500px;text-align:center;line-height:500px;border:1pxsolid#E5E5E5;margin:0auto;margin-top:100px;}{{x}}{{y}}newVue({el:'#app',data:{x:0,y:0},methods:{updateXY:function(event){

Hi毛哥哥·2023-09-04 18:36

vue2.0题目

1.v-show和v-if的区别v-show通过cssdisplay控制显示和隐藏v-if组件真正的渲染和销毁,而不是显示和隐藏频繁的切换使用v-show为何在v-for中用key必须使用key,切不能是index和randomdiff算法中通过tag和key来判断,是否是saneNode减少渲染次数,提升渲染性能vue的生命周期单组件生命周期父子组件生命周期加载渲染过程父beforeCreate

JennyGao66·2023-09-04 15:31

VUE3.0 路由跳转之后页面停留在上一个浏览页面位置不会回到顶部问题

方式一：普通用法，vue2.0也可用//一般方式路由拦截exportdefault{//组件守护器beforeRouteEnter(to,from,next){//A跳转到B，B页面停留在A页面的滚动位置

前端_七月·2023-09-04 06:10

代码敲慢一点，学得会快一点

昨晚有个小伙伴在微信上问我，大意是：自己刚刚培训学习出来，想继续学习，正好看到我的《vue2.0教程》简单易懂，就按照我的demo敲一遍。

一个敲代码的前端妹子·2023-09-03 09:14

html使用antd vue,antd适合vue使用吗,antd vue pro

操作环境：windows7系统，vue2.0版本，戴尔G3电脑。antdesign的vue版本——ant-design-vue介绍Ant-design-Vu

藏浪读书·2023-09-03 07:41

html使用antd vue,antd适合vue使用吗

本文操作环境：windows7系统、vue2.0版本、DellG3电脑。antdesign的vue版本——ant-design-vue介绍ant-design-vue是蚂蚁金服AntDesign官

weixin_39785150·2023-09-03 07:41

Vue2.0/Vue3.0使用xlsx+xlsx-style实现导出Excel文件

一、依赖导入1、Vue2+Webpack构建的npmixlsxnpmixlsx-stylenpmifile-saver同时修改以下：解决Can’tresolve‘./cptable’in‘…’的问题，在vue.config.js文件中加入该配置module.exports={externals:{'./cptable':'varcptable'}}2、Vue3+Vite构建的npmixlsxnpm

m0_38004177·2023-09-02 09:11

Vue页面Demo

Vue.js，试着写了一个demo，如下;准备工作：需要引入的js和css库有：1、vue.js主要是学习，所以引入了这个js库，实际运行时应该使用vue.min.js2、axios.js主要作用是网络请求，vue2.0

weixin_34087307·2023-09-02 00:38

推荐频道

vue2.0