vue2双向绑定

vue接入高德地图(web端地图、地图点标记Marker、地理编码)

npmi@amap/amap-jsapi-loader--save3、vue2中使用如下，vue3在高
拾叁mz·2024-01-06 18:58

Es6的Proxy代理是什么？有哪些用法？

需要知道的是，在Vue2中双向数据绑定原理（数据劫持）采用Object.defineProperty，而在Vue3中数据劫持原理采用的是Proxy代理。
北漂的老猿·2024-01-06 18:27

Vue初探

文章目录一、前端核心分析1.1、概述1.2、前端三要素1.3、表现层（CSS）1.4、行为层（JavaScript）二、第一个Vue程序2.1、什么是MVVM2.2、为什么要使用MVVM2.3、Vue2.4
liuhui111222·2024-01-06 17:02

vue实现画笔回放，canvas转视频播放功能

示例图：一、vue2版本回放暂停继续{{getFormatTime(nowTime)}}/{{getFormatTime(allTime)}}{{speedList.filter((item)=>item.value
禾小毅·2024-01-06 16:19

vue实现双向绑定原理

原理：vue数据双向绑定通过‘数据劫持’+订阅发布模式实现数据劫持：指的是在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果典型的有1.Object.defineProperty
有个人_6e81·2024-01-06 16:07

vue2和vue3生命四种周期函数的比较（详细讲解）

介绍：自2020年vue3发布以来就与vue2形成了对持的局面，目前市面上的应用正在经历由vue2到vue3的过度，老项目使用的都是vue2版本，新项目大多都选择vue3开发。
张乔24·2024-01-06 15:57

Vue2 - computed 和 method 的原理区别

目录1，简单对比2，原理的不同1，method的处理2，computed的处理实现缓存触发更新3，触发更新时的问题1，简单对比computed当做属性使用，method当做方法使用。computed可以提供getter和setter来赋值。computed无法接收多个参数。computed有缓存。2，原理的不同1，method的处理处理比较简单，只需要遍历methods配置的每个属性，将其对应的函
下雪天的夏风·2024-01-06 14:59

Vue2 - 生命周期

目录1，介绍1，初次渲染2，数据改变后的重渲染2，生成周期钩子执行顺序1，介绍创建vue实例和创建组件的流程基本一样。1，初次渲染做一些初始化操作，主要设置一些私有属性到实例中。运行beforeCreate进入注入流程，处理属性，computed，methods，data，provide，inject等，最后使用代理模式将他们挂载到实例中（为了可通过this访问）：//伪代码functionVue
下雪天的夏风·2024-01-06 14:28

uniapp vue2 车牌号输入组件记录

uniappvue2车牌号输入案例记录组件如图直接上代码1.html{{plateNumber[0]||''}}{{plateNumber[1]}}●{{plateNumber[2]}}{{plateNumber
Colesyn L.·2024-01-06 14:15

【vue】初识vue

目录一、vue3的前言1.1渐进式框架1.2相比于vue2的变化源码上性能上新的API二、课程大纲：三、第一天内容3.1如何使用vue呢3.2vue引入方法：3.2.1方式一：在页面中通过CDN(内容分发网络
刘乙江·2024-01-06 14:34

Vue 之 修饰符汇总

一、简介在Vue中，修饰符是一种特殊的语法，用于修改指令或事件绑定的行为，它们以点号（.）的形式添加到指令或事件的后面，并可以改变其默认行为或添加额外的功能，如：禁止事件冒泡、数据双向绑定等，当然修饰符的功能也可以通过
努力的小朱同学·2024-01-06 10:40

vue的增量式学习-篇章1

vue的增量式学习-篇章1vue的增量式学习-篇章1，又名：写毕设到企业级前端（第4天）学习vue11.Vue2的OptionsAPI和Vue3的CompositionAPI2.Vue和TypeScript
Wade_Crab·2024-01-06 10:34

如何实现数据的双向绑定？

Vue.js实现数据的双向绑定的方式是通过使用Object.defineProperty()方法来劫持数据对象的属性。当数据对象的属性被读取或修改
代码真的养发·2024-01-06 09:14

vue2+wangEditor5富文本编辑器

1、安装使用安装yarnadd@wangeditor/editor#或者npminstall@wangeditor/editor--saveyarnadd@wangeditor/editor-for-vue#或者npminstall@wangeditor/editor-for-vue--save在main.js中引入样式import'@wangeditor/editor/dist/css/styl
hl0406·2024-01-06 09:01

Vue 3中如何给Vue绑定原型方法？

前言Vue2中给Vue绑定原型方法很简单，比如axios，在main.js中配置Vue.prototype.$axios=axios即可，但是Vue3就不是这么玩了，应该怎么做？
microkof·2024-01-06 08:00

Vue2和Vue3框架介绍以及使用

Vue2和Vue3框架介绍：Vue2是Vue.js的早期版本，它引入了组件化的开发方式，使得开发人员可以更加模块化地构建单页应用程序。
无妄的罪·2024-01-06 08:42

vue2 +Html + css 实现房间状态图，酒店前台入住管理系统的设计与开发

一、需求分析酒店管理系统是指一种可以提高酒店管理效率的软件或平台。其面向酒店前台工作人员和酒店管理员，界面美观大方、操作方便。系统强化以客源为中心的信息完整性、长久性、可操作性，突出以预订、房源、房价等对营销具有影响力的信息处理。系统功能本酒店管理系统支持客房预订、前台接待、前台收银、客房管理、财务查询、员工管理和日志查询等功能。基本要求房间管理(房间号、房间类型、房间价格、房间状态和入住情况等)
枫蜜柚子茶·2024-01-06 07:32

Vue H5项目，怎么引入uni.webview sdk，调用uni postMessage实现手机蓝牙连接打印功能（uniapp）

需求&流程说明Vue2开发的移动端项目（H5项目及ipad端项目），需要连接蓝牙设备打印需求说明：1、点击打印按钮时
wocwin·2024-01-06 06:24

Vue2移动端（H5项目）项目基于vant实现select多选（支持全选、搜索、反选，最大选择数、回显等功能）

一、最终效果二、参数配置1、代码示例：2、配置参数（t-multiple-selectAttributes）继承van-field的属性参数说明类型默认值v-model选中的option.value集合，页面展示是：option.labelArray-columns下拉数据源Array-option下拉数据指向的label/valueObject{label:‘label’,value:‘valu
wocwin·2024-01-06 06:54

vue3源码解读--teleport

目录vue2源码vue3源码示例源码compile经过上一节分析，我们知道这是一次递归过程：parseChildren--parseElement--parseChildren。
习惯水文的前端苏·2024-01-06 04:03

vue2和vue3双向数据绑定原理发生了改变

vue2的双向数据绑定是利用了es5的一个APIObject.definepropert()对数据进行劫持结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。
小猪猪哟·2024-01-06 03:25

介绍一下 MVC MVVM

框架下视图和模型是不能直接通信的，只能通过ViewModel进行交互，它能够监听到数据的变化，然后通知视图进行自动更新，而当用户操作视图时，VM也能监听到视图的变化，然后通知数据做相应改动，这实际上就实现了数据的双向绑定
小猪猪哟·2024-01-06 03:55

VUE2.0 +百度地图javascript API绘制多个点实例

htmlhtmlcsscssjsdata:markers:[//地址数据{title:"苏州有限公司",point:"121.490018|31.265754",address:"工业园区",tel:"10086",contact:"陈先生"},{title:"南京有限公司",point:"121.490939|31.257495",address:"相城区",tel:"12306",contac
布呐呐aa·2024-01-06 01:57

前端结合MQTT实现连接 订阅发送信息等操作 VUE3

下载基础使用下面记录一下前端使用的话的操作1.安装npmimqtt引入import*asmqttfrom"mqtt/dist/mqtt.min";//VUE3importmqttfrom'mqtt'//VUE2
CV工程师!!·2024-01-05 23:33

vue3 elementui table popover上的图片鼠标移上去图片预览

效果如图：代码如下：之前用vue2写，结果slot和slot-scope不行了，在vue2.6及已上版本，slot和slot-scope已经开始废弃，有了新的替代:v-slot，v-slot只能用在template
芝芝龙·2024-01-05 23:28

vue2 cli4 打包chunk文件太多解决办法

由于项目原因npmrunbuild打包后chunk文件很多下，想减少chunk文件数量在vue.config.js文件中添加webpack插件，文件头加varwebpack=require(‘webpack’);，这样chunk文件数量就变少了configureWebpack:{plugins:[newwebpack.optimize.LimitChunkCountPlugin({maxChunk
安迪范德·2024-01-05 23:44

如何实现数据的双向绑定？

Vue.js实现数据的双向绑定的方式是通过使用Object.defineProperty()方法来劫持数据对象的属性。当数据对象的属性被读取或修改
2401_82373036·2024-01-05 22:41

Vue2虚拟列表，umy-ui封装

由于业务需求在页面一次性展示较多数据，不低于上千，但是每条数据涉及样式较多，数据渲染过多就会导致页面卡顿2、满足：大量数据加载；表格功能：列显隐、列顺序调整、固定、筛选、排序；表格调整存储本地3、技术框架：若依、ElementUI、vue2
汪叽家的兔子羡·2024-01-05 22:46

日常工作 经验总结

1，在使用vue2开发项目时，快捷有效的组件化component若有参数传递时，可以通过这样传递在component中:2，上拉加载，下拉刷新若是使用局部进行上拉加载下拉刷新且需要用到scroll-view
共创splendid--与您携手·2024-01-05 21:47

Vue中实现拖拽效果

Vue2项目中遇到需求要求页面左侧部分实现拖拽效果实现效果：1665739151500实现代码：一、使用盒子包裹需要拖拽的区域，并绑定ref二、使用$ref获取DOM信息具体代码（这个方法在mounted
汪汪队出击·2024-01-05 19:39

vue3安装路由（router）

一、安装路由1.安装vue-routervue3需要安装4.0以上版本vue2最好安装4.0以下版本安装命令：npminstallvue-router@next--save//安装最新版本router/
前端小趴菜05·2024-01-05 18:28

vue2 el-popover取消按钮实现

在elpopover里加上:ref="scope.$index"在按钮上面加上scope._self.$refs[scope.$index].doClose()注意要包含在里面才能起作用如下所示：确定取消审批
无火的残烬·2024-01-05 18:30

vue2和vue3分别是什么？vue3为什么要更换？

vue是通过监侦器进行监听数据变化vue2的双向数据绑定是利用ES5的一个APIObject.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。
四时之雨·2024-01-05 17:28

Vant组件库的初始与使用

目前Vant官方提供了Vue2版本、Vue3版本和微信小程序版本，并由社区团队维护React版本和支付宝小程序版本。
四时之雨·2024-01-05 17:58

Vue2.0和Vue3.0有什么区别

vue2的双向数据绑定是利⽤ES5的⼀个API，Object.definePropert()对数据进⾏劫持结合发布订阅模式的⽅式来实现的。
四时之雨·2024-01-05 17:56

Kendo UI for Angular 学习笔记

显示内置验证图标kendoTextBoxPrefixTemplate：前后缀icon[clearButton]="true"：TextBox中呈现Clear按钮（“X”）[(ngModel)]="value变量"：双向绑定
吴杼恩·2024-01-05 17:17

「Vue3面试系列」Vue3.0性能提升主要是通过哪几方面体现的？

文章目录一、编译阶段diff算法优化静态提升事件监听缓存SSR优化二、源码体积三、响应式系统参考文献一、编译阶段回顾Vue2，我们知道每个组件实例都对应一个watcher实例，它会在组件渲染的过程中把用到的数据
itpeilibo·2024-01-05 17:16

「Vue3面试系列」Vue3 所采用的 Composition Api 与 Vue2 使用的 Options Api 有什么不同？

通常使用Vue2开发的项目，普遍会存在以下问题：代码的可读性随着组件变大而变差每一种代码复用的方式，都存在缺点TypeScr
itpeilibo·2024-01-05 16:40

Vue3的watch详解以及和vue2watch的区别

Vue2用法在Vue2的optionsAPI中，watch与methods一样作为一个模块，在其中定义相应的监听事件监听基础变量需要监听的普通变量，要在watch模块中，定义以该变量名命名的
潮汐未见潮落·2024-01-05 16:18

Vue3关于setup、ref、reactive属性

前言:vue2的问题:自动无偏差的把所有数据项都改为监听器--消耗资源vue3:把自动改手动--人为判断给哪些属性加监听器ref:给单个值添加监听reactive:利用proxy给对象类型加监听toRefs
江城路-·2024-01-05 16:46

Vue2在使用Element-UI的分页组件遇到的问题（如PageSize，PageNum等）

但是其有部分在数据双向绑定上有着不太好的体验。在Edge下的Vue插件中调试PageSize等数据，发现后台根本接受不到数据的改变。
晚言QaQ·2024-01-05 16:16

vue2 页面跳转其他页面后 选中项仍高亮

在菜单栏的组件中给:default-active="getActive"事件判断是否是跳转其他页面------>代码如下demoscriptactiveMenu(){if(this.$route.path==='/index5/ruleCheck'||this.$route.path==='/index5/ruleDetail'||this.$route.path==='/index5/audit
秦悸·2024-01-05 15:12

Vue 3.0 给我们带来哪些惊喜（1）- 更快虚拟DOM渲染

尽可能兼容vue2.0API,让vue2.0的用户付出最小的成本平滑过渡到vue3.0。更快1.新的vdom实现如何实现React中的虚拟DOM（上）如何实现
zidea·2024-01-05 14:51

vue+elementui实现图片上传

项目场景：实现后台上传图片本次使用vue2加elementui的upload组件实现功能技术代码方式一：使用action自动上传注意使用action的话需要设置请求token。
夏奈写Bug·2024-01-05 11:51

Vue: Element-UI登录页面与vue-router使用

Element-UI，一套基于Vue2.0的桌面端组件库官网连接VueRouter模块化编程机制实现vue框架应用的页面跳转1.搭建环境(前提准备好vue所需环境)初始化webpackvue项目vueinitwebpackhello-vue-element
掌灬纹·2024-01-05 11:33

Vue2&Vue3中的组件传值&自定义v-model语法糖

proviede(名称，传输的数据名)记得返回出去②子组件通过inject接收：letxx=inject(名称)③修改的话直接通过事件.value修改数据，比起Vue2修改值少了转换和发送自定义事件步骤
我的安娜有点菜·2024-01-05 10:09

vue3.0&&vue2.0-prop

注:本篇涉及到的知识点，组合式模式以及vue2.0和vue3.0选项式，组合式中非模式，使用比较少，不再讲解，可自行看官网目录一、vue3.0组合式1、vue3.0组合式prop传值:父组件传值给子组件
GllWyz·2024-01-05 09:06

Vue2面试题：说一下虚拟DOM的原理？

虚拟dom是对真实dom的抽象，本质是JS对象在生成真实DOM之前，vue会把模板编译为一个虚拟dom，当里面某个DOM节点发生变动时，通过diff算法对比新旧虚拟DOM，发现不一样的地方直接修改在真实的DOM上优点：可以减少DOM操作可以跨平台渲染缺点：严重依赖打包工具节点规模过大时，虚拟DOM的稳定性不如原生DOMvue的模板编译过程：1、获取到template2、template转AST树A
程序员大澈·2024-01-05 08:22

vue入门

准备开始vue基础内容，结合官方文档进行白话总结，此篇为vue的相关指令以及组件化等，下篇为路由，方便遗忘查看vue基础(1).历史介绍angular09年，年份较早react2013年,用户体验好vue2014
jcxe·2024-01-05 03:01

Vuex（vue2中的状态机）

目录Vuexstate属性getters属性mutations属性actions属性modules属性辅助函数Vuex状态管理模式维护公共状态公共数据使用状态机模块维护状态A组件中分发工作（发起异步请求)--->获取数据--->提交突变(将数据提交给突变)通过突变修改状态其他页面就可以渲染数据state属性维护状态类似于data存储数据//类似于data存储公共状态存储数据state:{publi
从明天开始好好学习前端·2024-01-05 02:34
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他