vue的面试题

1. 什么是双向数据绑定，什么原理
   给输入框绑定输入事件
   触发输入事件，修改响应式数据
   响应式数据发生了修改，触发了setter函数
   在setter函数中，赵使用了setter函数的DOM，修改了DOM内容

2. 如何创建vue实例，如何挂载到页面
   需要引入vue文件，然后const app = Vue.createApp()
   挂载：app.mount(“.app”)

3. 什么是数据劫持
   拦截数据的访问和修改，在数据被其他程序访问和修改时，执行附带的其他自定义功能
   如何实现：自定义实现：自定义数据的访问方法和修改方法
   get和set关键字

4. 什么是虚拟DOM，为什么要使用DOM
   虚拟DOM是真是DOM 的映射，映射成object，使用object描述节点的各种信息，然后通过render方法将其渲染成真是DOM节点，用JSON模拟真实的DOM，用来提升性能

5. 如何设置响应式数据，如何设置方法
   能够捕获到数据的变更
   变更数据后会自动更新所依赖于它的数据

6. 计算属性和方法的区别是什么
   同等条件下，计算属性会基于数据的响应式依赖进行缓存，要优于方法
   计算属性只有在原始数据发生改变时才回重新执行
   方法会在每次使用时都会重新执行

7. 简单介绍watch的使用和特点
   watch:{
   msg(newVal,oldVal){
   ···
   }
   }
   浅层次侦听器：被侦听的属性，仅在被赋新值的时候才会触发回调函数，而多层次嵌套属性的变化不会被触发
   深层次要加handler方法和deep:true选项
   deep：true，是否深层次的监听
   immediate:true初始的时候立即执行一次
   flush："post"侦听的执行执行时机为post表示在数据更新之后

8. vue有哪些常见的事件修饰符
   .stop阻值事件冒泡
   .prevent阻止默认事件
   .capture使用事件捕获
   .self只有evnet.target是当前元素时才会触发
   …once只有触发一次事件

9. 在vue事件模块中如何获取事件对象
   在事件处理方法中用event接收
   在行内使用$event传参

10. vue有哪些常见的表单修饰符
    键盘修饰符：
    .enter查找回车键
    .tab查找tab键
    .delete查找删除键
    .esc查找esc键
    .space查找空格键
    .up查找上键
    .down查找下键
    .left查找左键
    .right查找右键
    系统修饰符：(用来做组合键的系统按键win键配合)
    .ctrl
    .alt
    .shift
    .meta
    鼠标按键修饰符
    .left
    .right
    .middle
    表单修饰符：
    .lazy发生了change事件之后进行同步(默认情况是使用v-model同步数据)
    .number自动将用户输入的内容转为数值类型，可以给v-model添加number修饰符
    .trim是用来过滤用户输入的首位空白字符

    • 如何注册局部组件
      components

11. 简单介绍什么是组件，优势
    组件就是对数据和方法的简单封装，可以有自己的属性和方法，
    优势：实现拖拽式编程、快速的属性处理以及真正的面向对象的设计，可以复用代码

12.vue的生命周期有哪些状态对应哪些钩子函数
beforeCreate
created

    beforeMount
    mounted

    beforeUpdate
    updated

    beforeUnmount
    Unmounted