Vue中的知识点

1.vue中for的key有什么用？

Key是给虚拟DOM加的一个标识，当数据发生变化时，vue会去根据【新数据】去生成【新的虚拟DOM】。随后会将【新的虚拟dom】与【旧的虚拟dom】进行对比。对比时的依据就是这个key.

不用key,获取用index当key都有可能出现问题。如果只是展示修改可以。但是建议还是使用唯一标识例如uuid,手机号，身份证，等等。

2.什么是虚拟DOM有什么用？

vue为了提高页面渲染效率，只渲染更改的dom,在内存中会有一个虚拟的dom,他会与之前的虚拟进行比较。比较的依据就是key。

3.vue中的数据代理是什么？数据劫持=数据代理

在元素js中实现响应式，

        var n=10;    var obj1={name:"php"};//定义一个对象//给对象添加一个新属性Object.defineProperty(obj1,"age",{get(){return n;},set(v){n=v; console.log("set")//只要有人修改age 我就更新domdocument.getElementsByTagName("div")[0].innerHTML=n;}})//第一次加载document.getElementsByTagName("div")[0].innerHTML=n;//打开f12控制台，修改obj1.age=25;发现界面也会跟着变化 //这就是js数据代理,vue也是利用Object.defineProperty（）

vue中的数据代理

vue的实例对象vm拿到data中的数据后会放到_data中,这个_data中就使用Object.defineProperty封装了所有数据的getter与setter,只要有人修改数据setter就会执行，一执行外层的数据就修改，界面就会变化。意思就是vue把自身的data给了_data进行代理。

4.router路由的两种工作模式？

hash模式：路径带#号不美观，但是兼容性好，适合后端系统。

history模式：不带#号，好看，但需要后端人员支持解决。

5.浏览器历史记录

replace不记录，hash有记录

6.v-model的原理

给一个原始html元素写v-model双向绑定其实他是

<input :value="name" @input="$event.target.value"/>这样实现的双向绑定

给组件就是传递的就是modelValue和事件update:modelValue

7.组件之间的传值

7.1.props（父->子，子->父）父在写子组件时通过:car="benchi" 给子，这可以是属性或者方法,子通过defineProps(['car','getToy'])去接受调用方法进行传递

7.2.自定义事件（子->父）：父组件<son @setFatherName=“updatename2”>子组件const emit = defineEmits(["setFatherName"]);去emit.setFatherName(666);去执行。