Vue 需要掌握的知识点

谈谈Vue中的MVVM模式

MVVM 全称是 Model-View-ViewModel

• Vue 是以数据为驱动的，Vue 自身将 DOM 和数据进行绑定，一旦创建绑定，DOM 和数据将保持同步，每当数据发生变化，DOM 就跟着发生变化。VueModel 是 Vue 的核心，它是 Vue 的一个实例。Vue 实例是作用于某个 HTML 元素上的这个 HTML 元素可以是 body，也可以是某个 id 所指代的元素。
• DOMListeners 和 DATABindings 是实现双向绑定的关键。DOMListeners 监听页面所有 view 层 DOM 元素的变化，当发生变化，Model 层的数据随之发生变化；DATABindings 监听 Model 层的数据，当发生变化，View 层的 DOM 元素随之变化。

<keep-alive></keep-alive> 的作用是什么?

• <keep-alive></keep-alive> 包裹动态组件时，会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染。
• 比如有一个列表和一个详情，那么用户就会经常执行打开详情 => 返回列表 => 打开详情… 这样的话列表和详情都是一个频率很高的页面，那么就可以对列表组件使用 <keep-alive></keep-alive> 进行缓存，这样用户每次返回列表的时候，都能从缓存中快速渲染，而不是重新渲染