Vue面试题集合

其他

Vue.set方法是干什么用的？

向响应式对象中添加一个 property ，并确保这个新 property 同样是响应式的，可以触发视图更新。它用于向响应式对象添加新 property ，因为 Vue 无法探测新增 property ，例如：

1

this.myObject.newProperty = 'hi'

Vue组件CSS样式如何避免影响其他组件？

scoped 隔离组件样式。

computed 方法有什么作用？

计算属性，可将比较复杂的计算逻辑置于该函数中，只有当依赖值发生变化时，才会重新执行计算。

.native 修饰符有什么作用？

将原生事件绑定到组件上。

Vue 有哪些事件修饰符？分别起什么作用？

• .stop：停止将事件传播到上层
• .prevent：阻止默认行为
• .capture：捕获下层事件
• .self：只当 event.target 是当前元素自身时才触发处理函数（事件不是从内部元素触发的）
• .once：只监听一次事件

v-if 和 v-show 有什么区别？

• v-if 是条件渲染，控制组件是否渲染出来；

• v-show 则通过样式控制组件是否显示（组件已经渲染出来，只是不显示）；

• 如果组件需要来回切换，通常用 v-show ，避免重复渲染、销毁；

【小菜笔记】系列文章首发于公众号【小菜学编程】，敬请关注：