Vue.js指令与性能优化实战代码

Vue 的指令用法整理得还蛮清楚的,适合刚上手或者复习基础的时候看看。像是v-ifv-else-if怎么搭配用、v-for的写法规则这些,都有提到,语法点比较集中,适合照着写写小 demo。

方法和computed之间的区别也提了一下,用大白话讲清楚了:computed有缓存,性能好点;methods每次都重新跑,适合不依赖缓存的场景。你要是碰上数据变化比较频繁的情况,建议优先用computed

还有事件修饰符也总结了挺全的,比如.prevent.stop这些日常用得比较多的,搭配v-on使用写起来舒服。顺便还贴了示例代码,复制就能跑,响应也快。

如果你对v-showv-if的区别还搞不太清,可以看看这个v-show 和 v-if 区别详解,配合着本文的内容,理解会更顺畅些。

建议你看完可以自己写几个小组件练练,比如一个动态表单列表,既能用上v-for,还能玩一玩事件修饰符,挺锻炼的。

rar 文件大小:951.06KB