vue中数据代理和事件处理

数据代理

• 直接在对象下可直接修改属性的值，而Object提供defineProperty()对属性进行控制

• 当修改age属性时，get函数也就是getter就会被调用，返回值为age的值

• 当修改age属性时，set函数也会被调用，且会受到修改的具体值

• get函数只用于获取获取number,set函数用于number修改时age值也被修改

事件处理

• methods方法的引用

• 
      //不传入参数的时候直接show01
      点击我显示啊
      //既想传入参数又想event显示则，show02($event,66)
      点击我显示
  
  

• 事件的修饰符

• Vue中事件修饰符：

• prevent : 阻止默认事件（常用）

• stop: 阻止事件冒泡（常用）

• once: 事件只显示一次（常用）

• capture: 使用事件的捕获模式

  capture作用是让事件在捕获中获取数据。默认是冒泡的时候输出shu'ju

• self： 自有even.target是当前操作的元素才触发事件

• passive: 事件的默认行为立即执行，无需等待事件回调执行完毕；

• 
      //click.prevent使点击的a标签不进行跳转网页
      
      点我显示
      //当下面的情况出现，运行后会弹框两次，阻止冒泡引用stop
      
  
          点我