主要集中准备的vue框架源码面试题,以及答题的基本要点和思路 我们有一些需求,比如跳转到详情页面时,需要保持列表页的滚动条的深度,等返回的时候依然在这个位置,这样可以提高用户体验。在Vue中,对于这种“页面缓存”的需求,我们可以使用keep-alive组件来解决这个需求。 几个工作中常见的指令、组件使用,需要理解其中的原理,这是基本的工程师基本的素质
-
1.双向数据绑定 v-model原理
首先,v-model通常使用在哪里?怎么使用?一般是在表单中使用。首先自己要明白单项绑定和双向绑定的区别,能够视图影响数据的一般都是表单,所以这里v-mode是使用在表单组件中的。那么我们就分开来分析数据更新视图&&视图更新数据。 这里面比较简单的就是视图更新数据,为什么,视图就是表单元素触发事件然后在回调函数中更改数据即可,重点理解数据如何更新视图,就基本掌握了双向数据绑定了。
-
2.computed原理
-
3.watch原理
-
4.挂载流程:模版编译原理 -> ast优化 -> 虚拟dom比较
-
5.$set原理
-
6.$nextTick原理
-
7.vuex原理
-
8.路由原理
-
9.keep-alive原理
-
10.slot原理
-
11.mixin原理
讲出这些原理的基本步骤只是基本的素质,更多的挑战是基于原理的举一反三。