能带孩子会做饭

15. v-model 如何用在自定义组件上？v-model 实际上是一个语法糖v-model 可以被用在自定义组件上

14. v-model 是如何实现的，语法糖实际是什么？作用在表单元素上 动态绑定了 input 的 value 指向了 messgae 变量，并且在触发 input 事件的时候去动态把 message设置为目标值作用在组件上 在自定义组件中，v-model 默认会利用名为 value 的 prop和名为 input 的事件本质是一个父子组件通信的语法糖，通过prop和$.emit实现...

11. v-if、v-show、v-html 的原理和区别？v-if会调用addIfCondition方法，生成vnode的时候会忽略对应节点，render的时候就不会渲染；v-show会生成vnode，render的时候也会渲染成真实节点，只是在render过程中会在节点的属性中修改show属性值，也就是常说的display；v-html会先移除节点下的所有节点，调用html方法，通过addProp添加innerHTML属性，归根结底还是设置innerHTML为v-html的值。...

10. Vue 常用的修饰符的作用详解？Vue中的修饰符分为以下五种：表单修饰符；事件修饰符；鼠标按键修饰符；键值修饰符；v-bind修饰符。.stop 阻止事件冒泡.prevent 阻止默认行为.capture 事件捕获.self 自身触发.once 只触发一次......

8. 过滤器的作用, 如何实现一个过滤器？根据过滤器的名称, 过滤器是用来过滤数据的, 在 `Vue` 中使用 `filters` 来过滤数据, `filters` 不会修改数据, 而是过滤数据, 改变用户看到的输出(计算属性 `computed`, 方法 `methods` 都是通过修改数据来处理数据格式的输出显示)。

7. slot是什么？有什么作用？原理是什么？`slot` 又名插槽, 是 `Vue` 的内容分发机制, 组件内部的模板引擎使用 `slot` 元素作为承载分发内容的出口。插槽 `slot` 是子组件的一个模板标签元素, 而这一个标签元素是否显示, 以及怎么显示是由父组件决定的。`slot` 又分三类, 默认插槽, 具名插槽和作用域插槽。

6. computed 和 methods 的区别？可以将同一函数定义为一个 `method` 或者一个计算属性。对于最终的结果, 两种方式是相同的。

5. computed 和 watch 的区别？对于 computed它支持缓存, 只有依赖的数据发生了变化, 才会重新计算不支持异步, 当 `computed` 中有异步操作时, 无法监听数据的变化`computed` 的值会默认走缓存, 计算属性是基于它们的响应式依赖进行缓存的, 也就是基于 `data` 声明过, 或者父组件传递过来的 `props` 中的数据进行计算的对于 watch它不支持缓存, 数据变化时, 它就会触发相应的操作

3. 使用 Object.defineProperty() 来进行数据劫持有什么缺点？在对一些属性进行操作时, 使用这种方法无法拦截, 比如通过下标方式修改数组数据或者给对象新增属性, 这都不能触发组件的重新渲染, 因为。不能拦截到这些操作。更精确的来说, 对于数组而言, 大部分操作都是拦截不到的, 只是。的好处是它可以完美的监听到任何方式的数据改变, 唯一的缺点是兼容性的问题, 因为。对对象进行代理, 从而实现数据劫持。中已经不使用这种方式了, 而是通过使用。内部通过重写函数的方式解决了这个问题。