Vue2.x 第4页

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

Vue笔记_插件组件_lucky-canvas抽奖转盘

文章目录官网使用(vue2.x)[1]下载[2]引入[3]使用配置项-width/height配置项-blocks配置项-prizes配置项-buttons优化案例配置项-defaultConfig测算案例

乖女子@@@·2023-11-02 02:44

vue3定义和使用全局变量方法，vue3中使用echarts

文章目录前言一、定义和使用全局变量1.定义2.使用前言在我们使用vue3.x的时候，有些特性还是跟vue2.x区别很大的，这里讲下echarts的使用和怎么定义和使用全局变量vue2中是：Vue.prototype

bittingCat·2023-11-02 02:48

vue3.0特性写的太好了忍不住复制下来

image为什么要升级Vue3使用Vue2.x的小伙伴都熟悉，Vue2.x中所有数据都是定义在data中，方法定义在methods中的，并且使用th

心淡然如水·2023-11-01 06:20

全网第一篇：Vue 3.x + Element Plus 动态数据的分组checkbox全选实现方案(含Vue 2.x和Element UI写法）

目录最终效果：实现步骤（Vue3.x）1.ElementPlus/ElementUI的checkbox组件介绍2.加载数据3.渲染组件到页面4.处理全选/单选事件5.提交选中的数据附：Vue2.x和老版

六吨代码·2023-11-01 01:54

【vue2.x】新手如何快速用vue导入GLTFLoader模型

Three.js支持包括.obj、.gltf等类型的模型结构。glTF（GL传输格式）是Khronos的一个开放项目，它为3D资产提供了一种通用的、可扩展的格式，这种格式既高效又与现代web技术高度互操作。文章目录一、安装引入Three.js在需要使用3D模型的页面导入包：在Vue中导入glTF模型需要使用Three.js中的GLTFLoader：二、页面DOM元素渲染在Vue中，我们需要使用一个

嚣张农民·2023-10-31 16:04

vue2.x 二次封装element ui 中的el-dialog

在做后台管理系统的时候，dialog组件是我们使用频率比较高的组件，但是有一些需求现有的组件是不满足的。因此会需要我们做二次封装。组件本身的属性我们保留，只需要根据需求添加，然后在使用的时候props去拿取使用就可以了。本次遇到的问题是如何在父组件去控制dialog的展示关闭。之前有尝试过使用watch去监听props的值，是可以做到想到的效果，但是代码稍微有一些冗余。这次试试新的写法，由于pro

发际线就是实力·2023-10-31 10:15

初学Vue遇到的问题及解决

一.Vue2.x升级3.x首先执行命令npmuninstall-gvue-cli卸载旧版本。然后执行命令npminstall-g@vue-cli。vue-V查看当前版本。

钦点秀才·2023-10-30 00:52

【Vue】响应式原理以及数据代理

Vue2.x中使用的是Object.defineProperty()，因此我们

阿昊在·2023-10-29 18:10

vue2.x封装svg组件并使用

第一步：安装svg-sprite-loader插件元素中的path就是绘制图标的路径，这种一大串的东西我们肯定没办法手动的去处理，那么就需要用到插件svg-sprite-loader帮助我们处理图标。此插件就是将.svg文件自动生成元素并插入进标签内，通过插件的处理就可以很方便解决生成图形模板对象的问题。-->npminstall-Ssvg-sprite-loaderyarnadd--devsvg

小牛同学_·2023-10-28 15:55

如何在filters中使用data中数据？

在vue2.x中使用filters功能，如果想在filter中使用this调用data中的数据，会报错，因为this不是指向vue组件实例。

刘杨造梦程序开发建站·2023-10-28 02:32

政务钉钉扫码登录(前端)

详见此处；回调地址redirect_uri，与服务器相关人员确认，但这里不赘述；扫码登录官方说明开始代码实现使用Vue2.x界面默认已创建iframe代码11行，注意这里隐藏了溢出。

AvatarGiser·2023-10-28 02:30

element-plus的安装

咸粽子的咖啡厅丿·2023-10-27 02:43

vue3知识点：Vue3.0中的响应式原理和 vue2.x的响应式

文章目录二、常用CompositionAPI4.Vue3.0中的响应式原理vue2.x的响应式Vue3.0的响应式本人其他相关文章链接二、常用CompositionAPI问题：啥叫“组合式API”？

刘大猫.·2023-10-27 02:41

Vue.js 教程---菜鸟教程

(vue-router)过渡&动画过渡Ajax(axios)安装方法：GET方法POST方法执行多个并发请求axiosAPI响应接口实例导航菜单编辑文本订单列表搜索页面切换不同布局教程本教程主要介绍了Vue2

小星星xx·2023-10-27 00:47

vue3 composition基本使用

我直接用了typescript（我的理解就是给原来的js加了面向对象的翅膀，我个人理解）————————————————————————————我给大家看下结构结构和vue2.x没有多个变化，main.ts

爱生活，爱编程·2023-10-26 23:07

Vue2.x解决Element组件el-tooltip滚动时错位不消失的问题

Vue2.x解决Element组件el-tooltip滚动时错位不消失的问题一、问题在给列表中的某些值外层嵌套了Element组件中的el-tooltip后，在滑动鼠标滑轮时el-tooltip的提示框不会消失

BreenCL·2023-10-25 21:06

2021--前端vue高频面试题--

1、Vue2.x组件通信有哪些方式1.父子通信：父向子传递数据是通过props，子向父是通过events（$emit）通过父链/子链也可以通信（$parent/$children）；ref也可以访问组件实例

遇事皆问春风·2023-10-25 11:10

搭建基础vue后台项目

使用vue2.x版本以及其他技术，搭建的简易vue后台项目，能实现后台的基础功能。仍在学习中，难免会有错误，如有问题，请多指教。

九月萩·2023-10-25 02:08

vue sass-loader /deep/ 报错fixed

vue2.x项目中关于/deep/突然不能被识别且报错的问题，记录笔记前两天组里实习生突然说自己项目跑不起来了，报错信息大概类似Modulebuildfailed(from.

Leonmmmmm·2023-10-24 12:26

vue动态生成表单输入框，并动态生成v-model（动态生成v-model遇到的坑）

动态生成v-model时不能直接使用string[‘name’]=value，无法编辑，这时需要使用this.set原因：vue2.x版本双向数据的劫持是使用object.defineProperty的

小陆pro·2023-10-23 14:35

vue2.x e01

什么是vueVue是一套用于构建用户界面的渐进式框架，那么我们如何理解，渐进式框架呢。打个比方，就好比堆积木，用到哪一块就搭建一块，可能我们现在，在公司开发的时候一上来就是vue全家桶（vue+vueRouter+vueX）配合elementUiVant什么的，其实我们根据不同的使用场景，来选择使用，比如说直接在页面像引入jq那样引入vue紧紧将vue当作一个视图来使用。当然也可以选择直接vue全

Red_Xx·2023-10-21 08:45

推荐频道

Vue2.x