前段框架及项目面试的介绍 三

Vue 使用

一、基本使用，组件使用 ———— 常用，必须会的

二、高级特性 ——— 不常用， 但体现深度

三、Vuex 和 Vue-router 使用

自己去看文档不行吗？

行，但这种是一种最低效的方式
文档是一个备忘录，是给会用的人查阅的，并不是入门的教程
文档全面冗长且细节过多，不能突出面试考点

回顾之前上篇 Vue 面试题

v-show 和 v-if 的区别
为何 v-for 中药用 key
描述 Vue 组件生命周期 （有父子组件的情况）
Vue 组件如何通讯
描述组件渲染和更新的过程
双向数据绑定 v-model 的实现原理

针对上篇的题目

先自己思考，不着急解答
可能会涉及 Vue 的原理（本着应用和严厉就是分不开的）
这几道题是开胃菜，后面还有真题演练大餐

Vue 基本使用

日常使用，必须掌握，面试必考（不一定全考）
梳理知识点，从冗长的文档中摘出考点和重点
考察形式不限（参考后面的面试真题），但是都在范围这内

思维导图

自己用 vue-cli 创建一个新的项目（或下载老师代码都行）

插值，表达式
指令，动态属性
v-html ：会有 xss 风险，会覆盖子组件

computed 和 watch

computed 有缓存，data 不变则不会重新计算
watch 如何深度监听
watch 监听医用类型，拿不到 oldVal

class 和 style

使用动态属性
使用驼峰式写法

条件渲染

v-if v-else 的用法，可使用变量，也可以使用 === 表达式
v-if 和 v-show 的区别？
v-if 和 v-show 的使用场景？

循环（列表）渲染

如何遍历对象? ———— 也可以用 v-for
key 的重要性，key 不能乱写（如 random 或者 index）
v-for 和 v-if 是不能一起使用的！

事件

event 参数，自定义参数
事件修饰符，按键修饰符
【观察】事件被绑定到那里

事件修饰符

按键修饰符

表单

v-model
常见表单项 textarea checkbox radio select
修饰符 lazy number trim

总结

必须掌握 ，否则面试不会通过的
重点和考点