E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
Vue2.x
Vue3.2 响应式原理源码剖析,及与 Vue2 .x响应式的区别
本文源码版本Vue3.2.11,Vue2响应式源码剖析点这里深入浅出Vue2响应式原理源码剖析我们知道相较
Vue2.x
的响应式Vue3对整个响应式都做了重大升级;然后Vue3.2相较3.0版本源码又做了许多变更
IT沐华
·
2023-02-17 02:34
公司企业站Vue-CLI4开发环境搭建详解
技术概括
Vue2.x
、CLI4、webpack、npm(cnpm)、node环境(10+)、vue-router、axios(自行封装
FTD止水
·
2023-02-17 00:46
Vue3 学习笔记 —— (一)深入理解组合式 API
学习笔记梳理)Author:GoritDate:2021/4/24Refer:网易云课堂2021年发表博文:17/50Vue3学习学习文档如果是第一次接触Vue3,可以看这个Vue3初体验零、Vue3.0与
Vue2
CodingGorit
·
2023-02-16 21:31
vue2.x
实现鼠标拖拽div右下角进行缩放的功能
exportdefault{name:'Drag',data(){return{disX:0,disY:0,down:false}},mounted(){document.addEventListener('mouseup',()=>{this.down=falsedocument.onmousemove=nulldocument.onmousedown=nulldocument.onmouseu
罗倩楠_666
·
2023-02-06 19:02
Vue
js基础
javascript
vue组件模板
如果编辑器不能针对.vue生成对应的模板的情况下,该文件可供外部复用根据需要做修改,并且把不需要用到的函数注释删除
vue2.x
的更多详情可参照https://vuefe.cn/v2/guide/exportdefault
Dennis_丹尼斯
·
2023-02-06 06:15
Vue2.x
打包资源路径查找
Vue2.x
打包之后发布注意点,资源的寻找路径配置打包之后,dist目录下一般是有一个index.html和static文件夹index里面引用资源的方式是src="/static/js/xxxxx.js
贫下码农
·
2023-02-05 11:55
vue 自定义组件 - 五星评分
开发环境
vue2.x
两张资源图片xing.pngxing2.png组件LzRoatingBar.vueexportdefault{name:"lz-roating-bar",props:{iScore:
微笑中的你
·
2023-02-04 06:33
vue2升级vue3:Vue3时jsx组件绑定自定义的事件、v-model、sync修
踩坑笔记:组合式API之Setup(props,context)—
Vue2.x
到Vue3注意Vue2的.sync修饰符转Vue3中v-model可以先看vue2的.sync修饰符文档:https://cn.vuejs.org
zhoulujun
·
2023-02-04 04:09
windows下nginx配置
vue2.x
项目带应用路径
vue.config.js修改gjbigscreen是我的项目应用路径,npmrunbuild完放置到对应的nginx的html目录放置到Nginxnginx端口用的80nginx配置再来一个nginx端口我用的是8081同前面的再来一次映射(这一步是我为了测试学习可跳过)1669712563888.png
吴里庆庆
·
2023-02-03 12:10
vue2和vue3的区别
npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化
vue2.x
和vue3.x目录结构没有什么变化
奔跑吧兄弟_凯凯
·
2023-02-03 06:30
Vue2与Vue3的区别
相比于
vue2.x
,使用proxy的优势如下defineProperty只能
AAA_86
·
2023-02-01 21:01
面试题
vue2.x
使用element-ui的upload组件用formData 的方式实现多图上传。
html点击上传只能上传jpg/png文件,且不超过500kb提交到服务器jsuploadOverrun:function(){this.$message({type:'error',message:'上传文件个数超出限制!最多上传5张图片!'});},changeUpload:function(file,fileList){//预览图片this.fileList=fileList;this.$n
匆匆那年_海
·
2023-01-31 14:45
vue2.x
源码--重写数组方法实现监听
vue2中,对于数组和对象是没有办法进行响应的所以通过中间处理进行数据拦截,但是前提条件是不改变原有push,pop这些方法的原有行为。vue源码简单实现代码varinterception=["push","pop","shift","unshift","splite","sort"];vararrayProto=Array.prototype;//代理原型对象varproxyProtoObj=O
莫道 开发
·
2023-01-31 02:16
vue.js
vue.js
[单元测试]
vue2.x
迁移vue3.x
vue已经从对应的
vue2.x
迁移为vue3.x,可以参考官方迁移文档遇到的其它问题,记录一下,方便以后迁移遇到问题时查找环境"@vue/cli-service":"~5.0.8","@vue/vue3
三知之灵
·
2023-01-20 14:19
VueJs
vue.js
Vue3.0学习笔记
Vue3.0工程1.1使用vue-cli创建1.2使用vite创建2常用CompositionAPI2.1拉开序幕的setup2.2ref函数2.3reactive函数2.4Vue3.0中的响应式原理
vue2
muzi187
·
2023-01-18 14:50
学习
vue.js
前端
Vue3.0(代号:One Piece)
新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite创建二、常用CompositionAPI1.拉开序幕的setup2.ref函数3.reactive函数4.Vue3.0中的响应式原理
vue2
_CX_
·
2023-01-18 14:47
前端
vue.js
前端
软件框架
vue3中的生命周期
1、通过组合式API的形式去使用生命周期钩子Vue3.0中可以继续使用
Vue2.x
中的生命周期钩子,但有有两个被更名:beforeDestroy改名为beforeUnmountdestroyed改名为unmountedVue3.0
Doe
·
2023-01-18 11:16
#
Vue
前端
vue3
生命周期
Vue版本vue2.9.6升级到vue3.0的详细步骤
目录背景:vue版本的升级主要步骤:一、首先需要卸载你之前的vue2.9.6二、安装新版本:总结背景:电脑使用多年,一直使用
vue2.x
版本,项目开发过程中由于一个模块涉及的集成模块过多,导致需要进行定义的变量越来越多
·
2023-01-17 08:47
非常流行的vue库,看这一篇就够了
它适用于
Vue2.x
和Vue3.x。它是Vue官方成员在2019年11月重新设计的一个状态存储库,它允许你跨组件/页面共享状态,并且是响应式的,类似于Vuex。
·
2023-01-16 15:33
Vue 2 即将成为过去
另外,随着Vue2.7的发布,Vue2.7已经成为
Vue2.x
的最终次要版本。在这个版本之后,Vue2进入了LTS(长期支持),并且将不再接收新功能。这意味着
Vue2.x
将
SYBH.
·
2023-01-11 05:49
课程推荐
vue.js
前端
javascript
vue2项目中全局封装axios问题
目录vue2全局封装axios封装axios封装api函数
vue2.X
中axios简单封装和多功能封装
vue2.X
中axios的简单封装多功能封装vue2全局封装axios封装axios第一步1.src
·
2023-01-11 05:56
Vue--》vue3中的计算属性与监视的使用讲解
computed函数与
Vue2.x
中的computed配置功能一致,只不过在Vue3.x中我们需要按需导入该函数。
亦世凡华、
·
2023-01-09 05:36
#
Vue技术栈
前端
vue.js
前端框架
javascript
html
腾讯前端一面常考vue面试题汇总
vue2.x
详细1.分析首先找到vue的构造函数源码位置:src\core\instance\index.jsfunctionVue(options){if(process.env.NODE_ENV!
bb_xiaxia1998
·
2023-01-06 08:29
vue.js
腾讯前端一面常考vue面试题汇总
vue2.x
详细1.分析首先找到vue的构造函数源码位置:src\core\instance\index.jsfunctionVue(options){if(process.env.NODE_ENV!
·
2023-01-04 16:15
vue.js
Vue3.0源码解析:Vue3.0的重大变革
从vue.js到
vue2.x
最大的变革是就是引入了虚拟dom的概念,一路走来vue也算是在艰难中前行,vue3.0正向前端开发者阔步走来。那么vue3.0又将带来哪些重大变革呢?
leelxp
·
2022-12-31 20:38
Vue3.0
vue
js
javascript
前端
html5
Vue2和Vue3的双向数据绑定原理
目录前言:
vue2.x
是如何实现响应式系统的:defineProperty的痛点:Object.defineProperty代码的使用Proxy方法的理解Proxy代码的使用:总结:前言:今天小编给大家讲解一下
清风 与我
·
2022-12-30 10:29
vue3
vue
vue.js
javascript
前端
Vue2.x
+ Echarts实现知识图谱数据渲染
代码案例数据写死了,后端Java可使用SpringBoot+Neo4j查询数据返回。#myChart{width:100%;height:1000px;}exportdefault{name:"HelloWorld",data(){return{msg:"WelcometoYourVue.jsApp",initData:{"name":"科目全部","className":"全年级","stude
Lee_SmallNorth
·
2022-12-28 16:06
Vue
echarts
neo4j
前端
vue2
知识图谱
vue2.x
与vue3.x中自定义指令详解
目录前言一、自定义指令分类二、
Vue2.x
自定义指令钩子函数(1)bind与update区别(2)update与componentUpdated区别(3)钩子函数的参数(4)局部自定义指令(5)全局自定义指令
北海屿鹿
·
2022-12-26 19:59
Vue
vue.js
javascript
前端
2020年度总结
2020年度总结分宜一体化左侧列表树良田高拍仪海康摄像头操作列样式超过年龄报红(根据身份证)会议预排表仪表盘百分比饼图分宜一体化在分宜一体化项目总结(项目以
vue2.x
为框架,element2.15为组件库
竞~
·
2022-12-26 17:23
工作研究
vue
vue进阶-数据劫持与数据代理
数据发生变化,视图也随之变化,实现响应式的一个重要的知识点就是数据劫持,对数据的取值与赋值进行拦截操作,并附加一些其他的操作一.es5的Object.defineProperty这个api是vue1.x与
vue2
奛大明
·
2022-12-23 21:27
es6
vue
Vue 3 技术揭秘
Vue3在使用方面会兼容部分
Vue2.x
的特性,比如optionsAPI。所以,究竟是要先学习Vue2打好基础,还是直接学习Vue3呢?
·
2022-12-23 10:48
vue3/vue2的兄弟组件的传值
Vue2.x
使用EventBus事件总线进行兄弟组件通信,而在Vue3中事件总线模式已经被移除,而官方建议使用外部的、实现了事件触发器接口的库,例如mitt。
虾十一
·
2022-12-17 01:15
前端
javascript
Vue
vue.js
javascript
ecmascript
vue2.x
和3.x的双向绑定原理
1、
vue2.x
采用的是object.defineProperty1、
vue2.x
的双向数据绑定是通过数据劫持结合发布者订阅者模式的方式来实现的,通过object.defineProperty来劫持各个属性的
屈小康
·
2022-12-15 00:37
vue
vue
vue.js
【Vue3】vue3——setup,ref函数,reactive函数
注意:vue2可以读取vue3里面的数据如果vue2和vue3冲突,会用vue3的,所以尽量不要与
Vue2.x
配置混用
Vue2.x
配置(data
糖^O^
·
2022-12-10 18:11
vue
vue.js
Vue2.x
- TodoList案例
目录案例介绍效果展示源码下载功能实现组件拆分App功能分析MyHeader功能分析MyContent功能分析MyItem功能分析MyFooter功能分析案例介绍TodoList是一个很好的用于练习Vue组件化编程的案例,在该案例中,我们主要可以复习到:Vue核心语法组件化编程模式单文件组件父子组件间通信全局事件总线组件样式transition内置组件的使用$nextTicklocalStorage
伏城之外
·
2022-12-05 18:53
Vue
Vue
组件化
TodoList
案例
项目
vue如何使用Element UI组件
今天初步了解vue如何使用ElementUI组件,发现网上有些内容应该是过时了,我暂时总结了一下:
vue2.x
使用ElementUI组件npminstallelement-ui-Smain.js引入importVuefrom'vue'importAppfrom
woyifeisheng
·
2022-12-05 14:39
vue
vue.js
前端
elementui
vue2.x
笔记7-webpack详解(2)
webpack中配置vue项目中使用Vuejs,那么必然需要依赖,所以需要先安装,因为后续在实际项目中也会使用vue,所以不是开发时依赖,直接安装npminstallvue@2.5.21--save按之前学习的方式使用vue打包运行,打包过程中没有错误,但是运行程序,没有出现效果,而且浏览器中报错这个错误是说我们使用的是runtime-only版本的Vue,需要修改webpack的配置resolv
notChange
·
2022-12-05 14:03
vue
vue.js
javascript
webpack
Vue3.x全家桶之Vue组件化开发(二)
✍灬更新说明更新时间:2022-1-03更新内容:
Vue2.x
更新至Vue3.xDemo与文件、截图演示齐全保留了Coderwhy老师
Vue2.x
的精华部分,添加Vue3.x的内容在
Vue2.x
的基础上进行
生命是有光的
·
2022-12-05 14:27
Vuejs
vue.js
javascript
vue2.x
与vue3.x中自定义指令详解
系列专栏:vue3从入门到精通个人签名:不破不立目录前言一、自定义指令分类二、
Vue2.x
自定义指令钩子函数(1)bind与update区别(2)update与componentUpdated区别(3)
不叫猫先生
·
2022-12-05 14:26
vue3从入门到精通
vue.js
javascript
前端
directive
自定义指令
vue中key使用的问题示例解析
.使用key一定能提高diff效率么为什么说使用index作为key容易出错前言在vue要求在遍历的时候最好加上key,在使用过程中总有些疑问,在这里做下分析1.不使用key的时候vue是怎么处理的在
vue2
·
2022-11-30 16:20
浅谈Vue.js 3.0新增的 Composition API
首先说一下createApp()创建出来的对象,跟我们使用
Vue2.x
创建的对象少了很多,而且这些成员都没有使用$符开头。说明未来我们基本不用给这个对象上新增成员。
懒得跟猪打架
·
2022-11-24 08:30
Vue.js
3.0入门即放弃
vue.js
前端
javascript
前端框架
ecmascript
一文带你从
Vue2.x
大迈步走进Vue.js 3.0新时代
不同的构建版本CompositionAPI的设计动机CompositionAPI最佳学习参考:设计动机总结:性能提升Vue3.0的性能提升主要有以下几方面:总结前言
Vue2.x
与及Vue3.x都已经出来很久了
懒得跟猪打架
·
2022-11-24 08:30
Vue.js
3.0入门即放弃
vue.js
javascript
前端
前端框架
ecmascript
我对Vue 3.x Composition API 的理解
1.reactive2.ref、toRef、toRefs3.watch和watchEffect4.setup5.生命周期函数二、对比
Vue2.x
,Vue3.x有哪些优势?
山间听雨声
·
2022-11-24 08:59
框架
前端框架
vue.js
VUE3学习(入门篇)
VUE3学习(入门篇)Vue3相较于
Vue2.x
改动:性能提升按照vue官方的说法,Vue3包含了以下性能方面的提升:打包大小减少41%内存占用减少54%初次渲染快55%,更新渲染快133%源码升级使用
Joey_Tribiani
·
2022-11-24 08:42
前端学习笔记和总结
vue.js
javascript
vue3
Vue2.x
- Vuex
目录初识Vuex什么是Vuex为什么要用VuexVuex的基本使用计数器案例在项目中使用Vuex安装Vuex到项目中引入vuex插件并注册创建store仓库实现全局组件可访问的store仓库在组件中访问store仓库中的共享数据管理共享数据Vuex工作流程图简析深入理解Vuex工作流程组件实例如何触发dispatchaction方法定义commit方法定义mutation方法定义整体流程过一遍编辑
伏城之外
·
2022-11-17 09:18
Vue
vue
vuex
面试不面试,你都必须得掌握的vue知识
前言最近抽空整理了下我对
vue2.x
的理解和认知,涵盖了
vue2.x
的常用知识、冷知识以及一些底层原理,算是我的vue2世界观。
东方睡衣
·
2022-11-15 08:34
vue.js
面试
javascript
Vue3.0 新特性以及使用变更总结(实际工作用到的)
VUE3.0为什么要升级Vue3使用
Vue2.x
的小伙伴都熟悉,
Vue2.x
中所有数据都是定义在data中,方法定义在methods中的,并且使
kangaroo_v
·
2022-11-09 13:10
基于
vue2.x
实现的即时通讯程序仿微信聊天6对接好友列表以及记录接口和socketIo讲授
这节课来对接通讯录好友列表接口和好友聊天记录接口·对接通讯录好友列表接口打开接口文档https://www.showdoc.com.cn/2035654172307363/91971567305336941、打开项目,复制对应的接口路径到项目的src/api/index.js中constapi={GetMyFriends:'/api/myfriends'}2、在src/api/user.js中新建
风中凌乱的男子
·
2022-11-07 15:05
深入理解
vue2.x
中Object.defineproperty()和vue3.x中Proxy
总结前言
vue2.x
中数据的双向绑定主要通过Object.defineproperty()方法实现,data中的数据改变通过Object.defineProper
不叫猫先生
·
2022-11-07 13:23
1024程序员节
proxy
defineProperty
双向数据绑定
vue
Vue不能watch数组和对象变化解决方案
目录Vue能监听数组的情况Vue无法监听数组变化举例无法监听数组变化的情况Vue无法监听数组变化的解决方案Vue监听对象Vue设置监听对象Vue能监听数组的情况Vue监听数组和对象的变化(
vue2.x
)
·
2022-11-07 09:45
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他