2021-11-14前端面试-vue-016

1、什么是侦听器？

又叫监听器，vue框架提供给开发人员的一个用来监控变量数据的组件，一旦监控的变量数据发生变化，侦听器对应的函数就会执行，函数内部就可以针对变化的数据进行业务数据、数据运算

2、Vue中计算属性和普通函数的区别是？

当数据发生变化，计算属性会自动调用并缓存结果、普通函数必须通过函数名称进行调用直接执行代码

当数据没有发生变化，计算属性不会重复执行函数代码（直接使用上一次运算缓存的结果数据）；

普通函数会再次执行代码（无谓消耗资源）

3、Vue中计算属性和侦听器的区别是？

当数据发生变化时，都会自动调用并执行相关函数

计算属性本质上就是函数运行结果；监听器只是监听了数据变化

----当需要针对每个数据的变化执行不同的业务操作或者数据运算时，建议使用监听器

----当多个变量中数据的变化互相关联时建议使用计算属性

4、Vue中的过滤器有什么作用？全局过滤器和私有过滤器有什么区别？

过滤器用来对页面视图中展示的数据进行格式化处理

全局过滤器：在vue实例创建之前，声明在vue.filter()函数上，全局过滤器可以用在所有声明后的Vue实例中

私有过滤器：一般声明在当前实例的filters配置选项上，私有过滤器只能用在当前实例作用范围

5.Vue中数据双向绑定的底层实现原理是什么？请实现一个简单的数据双向绑定功能

Vue非常明显的特征就是实现了数据的双向绑定，简化了实例对象中的数据和网页视图中的数据双向更新，底层主要是通过数据劫持实现的

6.简述你用过的Vue中哪些指令？分别有什么含义？

v-text、v-html：用于数据的渲染

v-once：用于数据一次性渲染

v-if/v-show：用于数据按照条件进行渲染

v-bind：动态操作属性

v-on事件操作指令

v-model：表单数据双向绑定