临海网站建设公司,logo设计公司前十名,兰州市门户网站,网络优化9.vue中的数据代理 通过vm对象来代理data对象中的属性操作#xff08;读写#xff09;#xff0c;目的是为了更加方便操作data中的数据 基本原理#xff1a;通过Object.defineProperty()把data对象所有属性添加到vm上#xff0c;为每一个添加到vm上的属性#xff0c;都增…9.vue中的数据代理 通过vm对象来代理data对象中的属性操作读写目的是为了更加方便操作data中的数据 基本原理通过Object.defineProperty()把data对象所有属性添加到vm上为每一个添加到vm上的属性都增加一个getter/setter方法在方法内部去操作读写data中对象的属性
10.vue中事件 使用v-on:xxx或者xxx 绑定事件xxx是事件名 如v-on:clickonShow 或 click onShow 事件的回调需要配置再vm的methods对象中 methods中配置的函数如果用箭头函数this会变成windows不用则是vm click onShow 和 click onShow(event) 效果一样但是后者可以传参
11.vue事件修饰符 click onShow click.prevent onShow click.prevent.stop onShow prevent:阻止默认事件 stop:阻止事件冒泡 once:事件只触发一次 capture:使用事件的捕获模式捕获模式事件传递从内向外的过程冒泡是捕获发生后反向传递 self:只有event.target是当前操作的元素的时候才触发 passive事件的默认行为立即执行无需等待事件回调执行完毕交互层立即执行无需等待事件处理 12.vue键盘事件 keyup enter keyup ctrl.x onShow 鉴于一些特殊按键带有特殊功能 keyup不好用的时候 可以使用keydown vue中常用的按键别名 enter delete esc space tab up down left right vue未提供别名的按键可以使用按键原始的key值去绑定但注意几个单词的要转为keba-case短横线命名 系统修饰键 ctrl alt shit meta 用keyup的时候要加上其他键用keydown不需要 可以使用Vue.config.keycodes.自定义键名键码
13.vue计算属性 要用的属性不存在要用到已有属性计算得来初次读取会执行一次当依赖的数据发生改变会被调用有缓存机制效率更高 如果只有读取可以如此简写
computed:{onshow() {console.log(get倍调用了)return this.name this.name1}} 如果读写都有
computed:{onshow:{get(){console.log(get倍调用了)return this.name this.name1},set(value){console.log(set,value)this.name value;this.name1 value;}}}
