1月8日 每日五题

谈一谈对 MVVM 的理解？

MVVM 是一种架构模式，它把应用程序分为三部分： Model、View 和 ViewModel。Model 是数据和业务逻辑，View 是用户界面，ViewModel 是它们之间的桥梁。通过数据绑定，View 和 ViewModel 可以自动同步，简化了 UI 和业务逻辑的交互。

Vue 中怎么异步加载组件?

在 Vue 中，可以使用动态导入来异步加载组件。就是用 import() 函数来引入组件，这样只有在需要的时候才会加载这个组件，从而提高性能。vue3还可以使用 defineAsyncComponent

Ref 和 Reactive 的区别是什么？

reactive只支持引用数据类型,ref支持基本数据类型+引用数据类型

reactive 在script和template里无差别使用, ref在script中药使用.value

reactive 重新分配一个对象会丢失响应式,ref重新分配对象不会丢失响应式

reactive 可以直接访问属性, ref需要使用.value访问

reactive 结构会丢失响应式 需要配合torefs结构 ref没有这个问题

v-model 双向绑定的原理是什么?

v-model双向绑定其实是「属性绑定 + 事件监听」的语法糖,他会根据表单元素类型自动绑定对应的value属性和触发事件,结合响应式系统实现双向同步：

谈谈你对 Vue 组件的理解

Vue 组件是可复用的 Vue 实例，它封装了模板、逻辑和样式，把页面拆分成多个独立的、可维护的小模块 使得代码更易于复用和维护