vue原理

子组件通过暴露方法给到父组件调用 父组件通过ref调用子组件的方法，这里需要进行唯一的ref注册，如果不唯一就无法获取到对应的ref去调用，因为v-for生成的ref是一个数组 调用方法

今天开发，发现轮播图的数据是动态的就会会出现第一页空白，一开始以为是执行顺序的问题，**在onbeforeMonut执行接口获取数据，然后在onMount在执行动态数据**，最后加了await还是会

vue所谓的diff算法就是精细化比对，进行最小化更新。 vue的虚拟dom就是将真实dom转换一个js对象，

vue2的数组响应式需要使用this.$set， 实现数组元素的变化更新，vue2只是改写了数组的七个方法（'push', 'pop', 'shift', 'unshift', 'splice', '

模板引擎是将数据变成视图的最优雅的方式 没使用vue的v-for，了解前端的渲染发展历程 1.使用原生要先获取dom节点然后appendChild 2.es6的模板字符串 3.mustache是一个j

组件封装使用到的v-model实际上就是:value='value' @input='value=$event.target.value', 子组件里面接收value，并将@input='handle

先来看看官方文档是怎么做的动画的过度，即消失与出现的动画 其实就是动态切换这六个类，使用时的用法，如果不写name就会使用vue默认的动画，一般使用时都是会使用默认的动画，有特殊的动画需求再去自己写c

在日常的组件封装中，难免父组件要给子组件传值，由于vue的父子组件是单向数据流，所以不能直接修改父组件传进来的值，要通过this.$emit通知父组件修改值 看一下官方文档是怎么说的 意思就是父子组件

有一个需求是弹框然后有字体是绿色，点击绿色会路由跳转, 发现报错，打印子组件的this也是undefined，父组件明明定义了，在onclick打印this发现是span标签他自己，然后无数次尝试后发

有一个需求，鼠标放上就显示另外一张图片，移开恢复原图（每一张图片都是不一样的），动态渲染其图片 鼠标放上之前 鼠标放上后，左边的图片变成另外一张图片 实现的代码

vuex的详细使用，getters是计算属性，提交修改mutations的数据，异步请求的操作写在action store/index.js app.vue

爷组件定义多个值给父组件，如果父组件没有用props接收，就会存在$attrs这个容器里面，子组件想要拿到这个容器里面的值就需要父组件把这个容器传给子组件（v-bind="$attrs"）,相反子组件

1.Vue2 与vue3 最大的区别是vue2使用选项类型api，对比vue3组合型api。vue2选项型api在代码里分割了不同得属性：data,computed,methods等；vue3合成型a

创建一个dep和watcher类，给每一个对象的__ob__属性添加上Dep，给数组和对象也添加上Dep，简单数据类型不添加Dep（如b:10)就没有。 get收集依赖（vue2依赖是组件，由组件去更

1.vue改写数组的七个方法：push、pop、shift、unshif、splice、sort、reverse vue的数组响应式原理是以Array.prototype为原型,创建一个arrayMe

首先创建一个observe函数判断是不是对象，再判断是不是有__ob__这个属性 创建一个Observer类，给对象添加__ob__这个属性 添加一个工具函数，进行递归

vue的数据更新原理，之前并没有系统的学习vue的原理，大概看过一些面试题知道Object.defineProperty这个属性，直接给obj赋值不是更加简单？通过mdn的相关资料知道，该方法还有多个