vue

103 阅读1分钟

主要集中准备的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原理

讲出这些原理的基本步骤只是基本的素质,更多的挑战是基于原理的举一反三。