VUE2.x

vue2.x的变化之一：禁止修改props

一、说明在vue1.x中，可以在子组件中改变prop的值，在vue2.x中已被废弃。官方文档解释如下：组件内修改prop是反模式(不推荐的)的。
明灭_·2023-12-04 08:48

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理vue2
十八岁讨厌编程·2023-12-03 19:06

element ui el-date-picker日期时间选择器 设置只能选择不大于30天时间范围

日期组件type为daterange或者datetimerange都生效实现（vue2.x）：通过属性picker-optionshtmldatadata(return{isRestart:false,
违规昵称001·2023-12-02 06:26

快速理解Vue的虚拟DOM和Diff算法

（其实是我偷个懒）正文深入Vue2.x的虚拟DOMdiff原理vue虚拟dom实现原理推荐按照顺序阅读，有助于快速理解。
迦叶凡·2023-12-02 02:22

Vue中使用echart实现中国地图统计图

Vue中使用echart实现中国地图统计图前言Echart版本的确定全局导入或按需导入在对应的页面调用echart前后端数据交互注意事项前言在Vue2.x开发中，为了更好地展示某一个时间段，在全国范围内的吸粉数据
weixin_45593968·2023-12-01 18:36

vue3中的provide与inject跨层级组件(祖孙)间通信

·provide和inject提供依赖注入，功能类似vue2.x的provide/inject·实现跨层级组件(祖孙)间通信子或孙子组件接收到的数据可以用于读取显示，也可以进行修改，同步修改父（祖）组件的数据
俊哥前端工程师·2023-12-01 15:01

不用mock，前端来建立后端服务以便自己实现接口

主要用到的技术与功能插件前端：vue2.x,vue-
小鸟游露露·2023-11-30 18:51

Vue3一兄弟组件传值之mitt，超详细！

Vue2.x使用EventBus事件总线进行兄弟组件通信，而在Vue3中事件总线模式已经被移除，官方建议使用外部的、实现了事件触发器接口的库,例如mitt或tiny-emitter。
不抽烟的小王·2023-11-30 15:15

vue3：自定义组件之v-model父子组件双向绑定

vue3.x移除了vue2.x的model选项，自定义组件双向绑定不在使用以下方法：//vue2的v-model双向绑定方法model:{prop:'value',//3.x默认值改为了modelValueevent
Mosowe·2023-11-27 06:46

必读经典项目，web开发框架renren-fast项目解读

renren-fast是一个轻量级的SpringBoot2.1快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2
MarkerHub·2023-11-26 17:42

vue2.x中使用JS与路由守卫配置、vue2.x中使用TS与路由守卫的配置和vuex的配置以及TS在vue2.x中的使用说明

vue2.x事件修饰符在使用$confirm时，使用await方式时，需要添加catch回调，否则无法获取$confirm关闭和取消时的标识值，并且后续代码停止执行。
百里狂生·2023-11-26 12:53

Vue.observable 是什么

也可以作为最小化的跨组件状态存储器Vue.observable({count:1})其作用等同于newvue({count:1})在Vue2.x中，
muzidigbig·2023-11-26 01:46

「Vue自我检验」axios网络请求二次封装，使用脚手架配置跨域代理（开发环境）

文章目录Vue网络请求Vue脚手架配置代理配置单个代理配置多个代理vue2.x全局配置axios全局路由导卫`axios.interceptors.request`请求拦截`axios.interceptors.response
wincheshe·2023-11-25 19:07

vue2.x el-table二次封装支持编辑修改

最近开发新业务，看到有些功能一样的表格，想着封装一个组件，记录一下：最终实现效果大概实现是：封装一个通用的表格接收两个数组，一个控制行数，一个控制列数表格可进行编辑操作官方文档图中我们可以看到：:data="tableData"中传入的tableData用来控制表格行数el-table-column用来控制列数，有几个el-table-column,表格就有几列因此我们再定义一个数组，去对应tab
Donmind29·2023-11-25 04:31

vue2.x简单二次封装el-form，实现动态添加表单和校验规则

简单封装el-form实现动态添加表单，和表单校验操作方式全部代码目录结构使用提交importYuFormfrom'./components/yuForm'import{basicPurchaseDesc,purchasingInformation,addStockOrder}from'./helper'exportdefault{components:{YuForm},data(){return
温柔如你，生活如梦·2023-11-24 18:13

vue（vue2.x & vue3.x） 使用 lodash

相对于vue2.x的版本，是有很大的变化出入。
Dark_programmer·2023-11-24 10:10

vue中使用webpack添加svg以及去除fill

前提条件：vue2.x版本，webpack3.x版本（so低版本真
不cong明的亚子·2023-11-24 09:59

Vue2.x 源码学习（二） - 数据驱动

学习解读来自于：Vue.js技术揭秘仅用于自我学习内容介绍Vue.js一个核心思想是数据驱动。所谓数据驱动，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据。它相比我们传统的前端开发，如使用jQuery等前端库直接修改DOM，大大简化了代码量。特别是当交互复杂的时候，只关心数据的修改会让代码的逻辑变得非常清晰，因为DOM变成了数据的映射，我们所有的逻辑都是对数据的
李小斌96·2023-11-24 07:15

vue2.x 如何更换网页logo

需求vue2.x项目更换操作引入图标文件。这里的案例试讲图标放到了index.html同级，然后在html引入该文件。
猛男陈朵朵·2023-11-22 16:03

【Vue3】vue3全解

文章目录一、vue3简介二、vite基本使用三、创建vue应用四、选项API和组合API（一）选项API（二）组合API五、组合API（一）setup函数（二）生命周期1、vue2.x生命周期钩子函数2
奔跑の大可爱·2023-11-22 07:19

Vue2.x和Vue3.x渲染器的diff算法

简单来说，diff算法有以下过程同级比较，再比较子节点先判断一方有子节点一方没有子节点的情况(如果新的children没有子节点，将旧的子节点移除)比较都有子节点的情况(核心diff)递归比较子节点正常Diff两个树的时间复杂度是O(n^3)，但实际情况下我们很少会进行跨层级的移动DOM，所以Vue将Diff进行了优化，从O(n^3)->O(n)，只有当新旧children都为多个子节点时才需要用
抽疯的稻草绳·2023-11-22 06:01

DIff算法优化策略

优化策略diff痛点vue2.x中的虚拟dom是进行全量的对比，在运行时会对所有节点生成一个虚拟节点树，当页面数据发生变更好，会遍历判断virtualdom所有节
马超19991128·2023-11-21 20:34

vue2.x源码刨析-new Vue的时候做了什么(手写简易版01)

本篇文章大致的介绍一下newVue的过程，首先我们在生成一个Vue实例化对象的时候，一般会这样写：{{name}}dep{{age}}dep{{name}}constvm=newVue({data(){return{//代理数据name:"zf",age:20,address:{num:30,content:"回龙观",},hobby:["eat","drink",{a:1}],};},creat
A &......·2023-11-21 20:20

Vue3基础知识点

均要配置在setup中setup函数的两种返回值：若返回一个对象，则对象中的属性、方法，在模板中均可直接使用（重点）若返回一个渲染函数：则可以自定义渲染内容（了解）注意点：1、尽量不要与Vue2.配置混用vue2
小六妹妹·2023-11-21 09:37

总结vue框架中的钩子函数

vue2.x生命周期钩子函数组件的生命周期分为3个阶段:挂载阶段:beforeCreate、created、beforeMount、mounted,更新阶段:beforeUpdate、updated,销毁阶段
@德玛玩前端·2023-11-21 09:35

Vue2.x笔记

***当前阶段的笔记***「面向实习生阶段」https://www.aliyundrive.com/s/VTME123M4T9提取码:8s6v点击链接保存，或者复制本段内容，打开「阿里云盘」APP，无需下载极速在线查看，视频原画倍速播放。目录-----------------------(VUE壹)-------------------------VUE的初步认识一.什么叫做VUE?vue主流的前
马超19991128·2023-11-20 10:59

第三十四节——组合式API使用路由

routerconstrouter=useRouter()//跳转到页面2constlink2=()=>{//使用我们刚声明的router跳转router.push('/v11')}页面传值，传值方式和vue2
爱在你心中·2023-11-19 08:36

vue3【自定义hook】

本质是一个函数，把setup函数中使用的CompositionAPI（组合式api）进行了封装类似于vue2.x中的mixin自定义hook的优势：复用代码，让setup中的逻辑更清楚易懂举个例子，通过在页面获取鼠标点击的坐标为例
suoh's Blog·2023-11-19 07:52

【Vue3】自定义hook函数

本质是一个函数，把setup函数中使用的CompositionAPI进行了封装2、类似于vue2.x中的mixin3、自定义hook的优势：复用代码，让setup中的逻辑更加清楚举例：在HelloWorld
翘阳啦·2023-11-19 07:21

Vue3 自定义hook函数

概念hook：其本质是一个函数，把setup函数中使用的CompositionAPI放到一个文件中进行了封装，然后在需要用到的地方，进行引入，类似于vue2.x中的mixin。自
＊且听风吟·2023-11-19 07:47

Vue3-10-自定义hook

类似于vue2.x中的mixin。自定义hook的优势:复用代码,让setup中的逻辑更清楚易懂。
MarxistVive·2023-11-19 07:46

浅谈vue2.0和vue3.0的区别

下面是一些Vue3.0的具体用法：创建Vue实例：与Vue2.x相同，使用Vue.createApp()方法创建Vue实例。
缘飞梦·2023-11-17 06:01

Vue3: 选项式API和组合式API的优缺点

一.选项式API：选项式API是vue2.x版本中默认使用的API风格，它是基于对象的方式来描述组件的行为和状态的。
小刀肉0812·2023-11-15 14:08

vue2响应式原理

vue2.x是利用Object.defineProperty劫持对象或对象的属性(指的是在访问或者修改对象的某个属性时，通过一段代码
张得彰·2023-11-12 17:17

vue3.0生命周期函数

在vue2.x中的生命周期为beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyedactivateddeactivatederrorCaptur
ey..·2023-11-11 14:59

vue3中生命周期函数

再过去几年里，我们一直停留在Vue2.x的学习和实践，而当下Vue3.0是Vue.js的最新版本，很多大厂已经开始转型Vue3.0。所以，我们必须紧跟时代步伐，熟练掌握并深刻理解Vue3.0。
尔嵘·2023-11-11 14:23

Vue3-学习笔记

目录一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理vue2.
BlackStar-Coder·2023-11-11 11:17

vue+qiankun微前端实践

qiankun（https://qiankun.umijs.org/zh/guide/getting-started）基座也可以用多种脚手架搭建（此处以vue2.x为例）：vue-cli搭建vue2.x
单眼皮的小熊·2023-11-11 00:58

vue3 - 使用 mitt 进行组件通信（详细示例教程）

介绍Vue2.x使用EventBus进行组件通信，而Vue3.x推荐使用mitt.js。比起Vue实例上的EventBus，mitt.js好在哪里呢？
街尾杂货店&·2023-11-10 22:10

利用vscode调试vue代码

利用vscode调试代码，实测非常好用注意：现在只支持vue2.x。1.配置launch.json{//使用IntelliSense了解相关属性。//悬停以查看现有属性的描述。
新津之虎--曹达华·2023-11-10 18:46

SpringBoot/SpringCloud 开源项目

face-easy:FACE-UI基于前后端分离Web端项目，主要实现了网页版的人脸登录，通过调取前端摄像头拍照，传入后台进行跟数据库人脸库的相似度比对，技术的用点：Springboot，Mysql，JWT，VUE2
zybiao2·2023-11-09 07:44

Vue3.x 全局 API 变更

目录一、回顾Vue2.x二、一个新的全局API：createApp三、config.productionTip移除四、config.ignoredElements替换为config.isCustomElement
小草莓蹦蹦跳·2023-11-08 09:56

知识梳理——vue

30道Vue面试题，内含详细讲解（涵盖入门到精通，自测Vue掌握程度）vue2.x高阶问题，你能答多少1.Vue模板编译的原理就是将template（模板）转化为render（渲染函数）的过程。
wytraining·2023-11-07 08:54

Vue.use的使用和基本原理

Vue.use的使用和基本原理介绍与使用Vue.use源码介绍与使用Vue.use()（vue2.x是Vue.use,vue3.x是app.use）在vue中使用很多，比如ElementUI,vantUI
Boale_H·2023-11-05 23:40

前端三大框架：数据绑定与数据流

目录序言单向数据绑定vs双向数据绑定单向数据流vs双向数据流数据流与数据绑定参考1.序言在前端三大主流的框架中，我们可能会经常听到React是单向数据流，采用单向数据绑定，而Vue2.x也是单向数据流，
WEB前端含光·2023-11-05 21:19

Vue 3 迁移策略笔记—— 第6节：自定义指令

Vue2.x自定义指令的声明周期bind——指令绑定到元素时触发，只触发一次；inserted——绑定元素被插入父DOM时触发up
杰~JIE·2023-11-05 05:57

Vue3 的 7 种和 Vue2 的 12 种组件通信

Vue2.x组件通信12种方式写在后面了，先来Vue3的Vue3组件通信方式props$emitexpose/ref$attrsv-modelprovide/injectVuexmittVue3通信使用写法
我是哈斯·2023-11-04 17:29

《实战：如何搭建一个完整的 Vue2.0 项目》- 7、Vue2.x 项目 webpack 4 升级 5（半自动升级）

1.自动升级先全局安装升级插件npminpm-checknpm-check-updates-g检查依赖npm-check更新检查后的依赖并展示版本号，此时package.json还没有更新npm-check-updates升级package.json，下图显示更新版本，此时package.json文件已变更。但我们是更新webpack，vue还是使用v2，先手动改回原来的版本号。ncu-upack
AvatarGiser·2023-11-04 09:52

npm run serve 和 npm run dev 的区别

一般在vue3.x的时候用npmrunserve,vue2.x项目运行的时候用到npmrundev，dev是vuecli2的默认执行命令，serve是vuecli4的默认执行命令例如：在vue项目终端，
牛油的果·2023-11-03 14:35

Vue3学习-生命周期、自定义hook

目录一、生命周期二、自定义hook函数Vue2基础全套教程合集：点击跳转       Vue2高级全套教程合集：点击跳转一、生命周期vue2.x的生命周期2.vue3.0的生命周期Vue3.0中可以继续使用
大脑不能为空·2023-11-02 08:40
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他