Vue面试宝典：250分覆盖全家桶知识点

前端Vue面试题是一份全面考察Vue及其全家桶知识的面试测试，总分为100分，分为选择题、判断题和简答题三部分。 **选择题（25分）**： 1. **关于Vue的理解：** - A选项错误：Vue实例创建后的数据变动不会自动更新视图，只有data选项中声明的属性变化才会触发渲染。 - B选项正确：Vue实例创建时的数据会在created生命周期钩子中完成初始化，$el（元素节点）和data的同步在beforeMount阶段。 - C选项正确：Vue的计算属性只有在其依赖的数据变化时才会重新求值。 - D选项部分错误：Vue组件的data选项可以是一个对象，但通常推荐作为函数，以利用其响应式特性。 2. Element-ui基础栅格布局：Vue CLI项目中Element UI的24格栅格系统，B是正确答案。 3. Vue特性： - A和B正确：Vue支持指令（如v-model）和过滤器（如v-bind:format）。 - C错误：Vue本身不内置http请求，需要配合Vue-resource或axios等库。 - D错误：Vue的模板语法不是JSX，而是HTML模板与JavaScript的结合。 4. Vuex默认属性： - State、Getter、Setter、Mutation、Action和Module都是Vuex的核心概念，它们共同管理应用的状态和状态变更。 **判断题（25分）**： - v-show确实用于条件渲染，但不会触发组件的重新渲染，因此错误。 - DOM渲染在beforeMount之前并未完成，真正的渲染在mounted阶段。 - 除了props和$emit，Vue还提供了自定义事件和$on/$off来实现组件间的通信，所以错误。 - 计算属性的描述正确，它基于响应式依赖缓存，仅在依赖变化时重新求值。 - data在Vue组件中需要声明为响应式，但新Vue实例中的data可以是对象，所以正确。 **简答题（50分）**： 11. **scss** 是一个CSS预处理器，允许使用变量、嵌套规则、混合和继承等功能编写更简洁、可维护的CSS代码。在Vue CLI中安装使用Scss的步骤包括： - 安装相关loader：`npm install sass-loader css-loader node-sass --save-dev` - 在webpack配置中添加loader扩展和配置：在`webpack.base.config.js`中的`module.rules`添加针对.scss的配置。 - scss特性的描述：增强CSS的可维护性、变量管理、模块化和混合功能。 这份面试题覆盖了Vue基础、组件设计、状态管理、框架特性以及相关工具的使用，旨在测试应聘者对前端开发中Vue框架的深入理解和实践经验。