当前位置: 首页 > article >正文

vue中的数据代理、

一、vue中的数据代理

  1. 通过vm对象来代理data对象中属性的操作(读/写)
  2. 数据代理的好处就是可以更加方便操作data中的数据
  3. 基本原理:

                通过Objectdefineproperty()把data对象中所有属性添加到vm上,然后为每一个添加的属性制定一个hetter和setter。在getter/setter内部操作(读/写)data中对应的属性

 二、事件的基本使用

  1.  使用v-on:xxx或者是@xxx绑定事件,其中xxx是事件名
  2. 事件的回调需要配置在methods对象中,最终会在vm上
  3. methonds中配置的函数,不要使用箭头函数,否则this将是Windows而不是vm
  4. methods中配置的函数都是被vue所管理的函数,this的指向是vm或组件实例对象
  5. @click=“demo”和@click=“demo($event)”的效果一致,但后者可以传参数。

 三、事件修饰符

  1. prevent:阻止默认事件
  2. stop:阻止事件冒泡
  3. once:事件只触发一次
  4. capture:使用事件的捕获模式
  5. self:只有event.target是当前操作的元素时才触发事件
  6. passive:事件的默认行为立即执行,无需等待事件回调执行完毕

http://www.kler.cn/a/5352.html

相关文章:

  • IT面试求职系列主题-Jenkins
  • MacBook Linux 树莓派raspberrypi安装Golang环境
  • element输入框及表单元素自定义前缀
  • HTML5实现喜庆的新年快乐网页源码
  • Qt天气预报系统设计界面布局第四部分右边
  • go如何从入门进阶到高级
  • 积性函数及其初级应用
  • 秒懂算法 | 基于主成分分析法、随机森林算法和SVM算法的人脸识别问题
  • [技术杂谈]小米手机如何将锁屏快捷方式放桌面
  • 《安富莱嵌入式周报》第306期:开源独轮车,Cortex-M85修订版r1发布,Terathon图形数学库,不断变革的IDE开发环境,各个厂家总动员
  • Leetcode.1024 视频拼接
  • 让chatGPT当我的老师如何? 通过和chatGPT交互式学习,了解在ES中,一条JSON数据是如何写到磁盘上的
  • 接触过的第一台电脑-90年代的x86与如今的树莓派
  • Redis主从集群搭建
  • 【Spring6】| Bean的作用域
  • Python基于周立功盒子的二次开发的准备工作
  • 使用宝塔面板快速搭建web网站,并内网穿透实现公网远程访问
  • 从零开始,轻松理解云原生的核心概念和关键技术
  • yolov5的基本配置
  • STP详解
  • 一款接口自动化神器—开源接口测试平台Lim(Less is More)
  • 自然语言处理: 知识图谱的十年
  • Matlab实现最优化(附上完整仿真源码)
  • 自然语言大模型介绍
  • 阿里面试:为什么MySQL不建议使用delete删除数据?
  • Nginx 安装配置