vue知识点（1）

1.Vue 常用的修饰符有哪些

• 按键修饰符 .up,.down,.ctrl,.enter,.space 等等

语法：@click.修饰符='fn()' o 事件修饰符

prevent 修饰符：阻止事件的默认行为（submit 提交表单）

stop 修饰符：阻止事件冒泡

capture 修饰符：与事件冒泡的方向相反，事件捕获由外到内

self：只会触发自己范围内的事件，不包含子元素

once：只会触发一次

注意：修饰符可以串联使用

2.v-text 与{{}}区别

• v-text 是操作网页元素中的纯文本内容，{{}}是它的另外一种写法， v-text 与{{}}

等价，{{}}叫模板插值，v-text 叫指令，有一点区别就是，在渲染的数据比较多

的时候，可能会把大括号显示出来，俗称屏幕闪动。

• 解决屏幕闪动的方法：

o 使用 v-text 渲染数据；

o 使用{{}}语法渲染数据，但是同时使用 v-cloak 指令（用来保持在元素上直

到关联实例结束时候进行编译），v-cloak 并不需要添加到每个标签，只要 53

在 el 挂载的标签上添加就可以,并且为[v-cloak]添加 css 样式为

display:none;

3.v-on 可以绑定多个方法吗

可以绑定多个方法，中间用逗号隔开

4.Vue 循环的 key 作用

• vue 中循环需加 :key=“唯一标识” ，唯一标识可以指 item 里面 id、 index

等，因为 vue 组件高度复用增加 key 可以标识组件的唯一性，为了更好地区别

各个组件，key 的作用主要是为了高效的更新虚拟 DOM

• 为遍历数组或元素中的唯一标识，增加或删减元素时，通过这个唯一标识 key

判断是否是之前的元素，vue 会直接对已有的标签进行复用，不会整个的将所有

的标签全部重新删除和创建,只会重新渲染数据，然后再创建新的元素直到数据

渲染完为止

5.什么是计算属性

首先它是一种属性，其次它有“计算”这个特殊性质。每次取得它的值的时候，它不像

普通属性那样直接返回结果，而是经过一系列的计算之后再返回结果。同时只要在

它的当中引用了 data 中的某个属性，当这个属性发生变化时，计算属性会自动重新

执行。