Vue.js指令与性能优化实战代码
Vue 的指令用法整理得还蛮清楚的,适合刚上手或者复习基础的时候看看。像是v-if和v-else-if怎么搭配用、v-for的写法规则这些,都有提到,语法点比较集中,适合照着写写小 demo。
方法和computed之间的区别也提了一下,用大白话讲清楚了:computed有缓存,性能好点;methods每次都重新跑,适合不依赖缓存的场景。你要是碰上数据变化比较频繁的情况,建议优先用computed。
还有事件修饰符也总结了挺全的,比如.prevent
、.stop
这些日常用得比较多的,搭配v-on
使用写起来舒服。顺便还贴了示例代码,复制就能跑,响应也快。
如果你对v-show和v-if的区别还搞不太清,可以看看这个v-show 和 v-if 区别详解,配合着本文的内容,理解会更顺畅些。
建议你看完可以自己写几个小组件练练,比如一个动态表单列表,既能用上v-for,还能玩一玩事件修饰符,挺锻炼的。
951.06KB
文件大小:
评论区