“开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 三 天，点击查看活动详情”
vue总结
MVX框架 现代浏览器原生支持ESM,vue3比vue2提高了运行效率
vue3响应式代理
原理 基础API vue-router vuex vite
路由 状态管理 渐进式的
响应式 在vue2中数据方法都设定明显的范围 组合式语法 定义的变量如果要加需要加value
let count = ref(0); function add () { count.value++; };
函数的解构
用括号来接收值，括号里面属性是函数返回值，
同时一些vue2的api调用也需要去import
import { ref } from 'vue';
import { computed, provide } from 'vue';
computed
使用箭头函数，所有变量修改调用都要跟value
v-bind响应式数据
reactive
响应式对象不需要加value,调用里面的属性变量
组合式API
vue搭建脚手架 运行项目
通过判断集合中是否包含元素，进行多重判断，实现同一组件具有不同功能，
如果传进来的props里面的types属性是true那么子组件的arr数组的值里面就要加入此index,
这里因为arr是ref([])定义的，需要加value。如果其传进来得到types是false,说明父组件想要调用的另一种属性的组件，
这里就实现另一种功能，先将原数组清零，再放进去index,
最外层循环表示如果子组件集合中已经包含此index元素，就删去此元素。
或是使用map进行元素获取，比如网页地址传进来如何拿到对应得到键值对
通过slice先切割网址后的字符串，
根据=前后拆分键和值，对应放到map集合中，map理解也相当于数组，
可以调用键来获取到值.
监听鼠标事件需要嗲用window.addEventListener进行事件监听。
let ref()都是响应式数据
