web面试题总结

1.data是一个函数而不是对象的原因： Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的；采用函数形式定义，

1.v-model在自定义组件上的使用： 可以。v-model 实际上是一个语法糖，如： <input v-model="searchText"> 实际上相当于： 用在自定义组件上也是同理： <cus

v-model 是如何实现的 1.作用在表单元素上 动态绑定了 input 的 value， 指向了 messgae 变量，并且在触发 input 事件的时候去动态把 message设置为目标值： 2

v-if和v-show的区别 手段：v-if是动态的向DOM树内添加或者删除DOM元素；v-show是通过设置DOM元素的display样式属性控制显隐； 编译过程：v-if切换有一个局部编译/卸载的

框架图 基本原理： 当一个Vue实例创建时，Vue会遍历data中的属性，用 Object.defineProperty（vue3.0使用proxy ）将它们转为 getter/setter