Vue常见的面试题 参考学习
Vue是一款流行的前端框架,它提供了许多实用的功能和特性,以下是Vue常见的面试题和知识点总结:
1. Vue的优点
Vue是一款轻量级的框架,关注视图层,大小只有几十kb,易于学习和使用。它具有双向数据绑定、组件化、视图、数据、结构分离等特点,非常适合构建单页面应用程序。
2. 父组件向子组件传递数据
在Vue中,可以通过 props 将数据从父组件传递给子组件。Props 是一种特殊的属性,用于从父组件传递数据给子组件。
3. 子组件像父组件传递事件
在Vue中,可以使用 $emit 方法来自组件向父组件传递事件。$emit 方法可以触发父组件中的事件,实现子组件与父组件之间的通信。
4. v-show 和 v-if 指令的共同点和不同点
v-show 和 v-if 都是 Vue 中的指令,用于控制元素的显示和隐藏。它们的共同点是都可以控制元素的显示和隐藏,但实现的方法不同。v-show 通过控制 CSS 中的 display 设置为 none 来控制隐藏,只会编译一次;v-if 是动态的向 DOM 树内添加或者删除 DOM 元素,若初始值为 false,就不会编译了。v-if 不停的销毁和创建比较消耗性能。
5. 如何让 CSS 只在当前组件中起作用
在 Vue 中,可以在组件中的 style 前面加上 scoped,以便让 CSS 只在当前组件中起作用。
6. <keep-alive></keep-alive> 的作用
<keep-alive> 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。
7. 如何获取 DOM
在 Vue 中,可以使用 ref 属性来获取 DOM,例如:ref="domName",然后使用 this.$refs.domName 来获取 DOM。
8. Vue 中的指令和用法
Vue 中有许多实用的指令,例如:
* v-model:双向数据绑定
* v-for:循环
* v-if 和 v-show:显示与隐藏
* v-on:事件
* v-once:只绑定一次
9. vue-loader 是什么?使用它的用途有哪些?
vue-loader 是一个加载器,将 template/js/style 转换成 js 模块。它可以将 Vue 文件分离成不同的模块,使得开发更加灵活和方便。使用 vue-loader 可以使 js 可以写 es6、style 样式可以scss或less、template可以加ja 等。
Vue 提供了许多实用的功能和特性,通过学习和实践,可以更好地掌握 Vue 的使用和原理。