Vue

使用vue的脚手架工具搭建项目 【步骤】 如果是使用npm安装Vue的脚手架工具，最好安装一个nrm,切换为taobao源这样下载文件速度会更快，或者使用yarn来安装 删除之前安装的老版本的Vue脚

CompositionAPI生命周期函数新写法 【例子】 【备注】 由于setup函数的执行时间就是处于brforeCreate和created之间，因此如果要在这两个钩子函数中写的逻辑直接写在stu

watch 侦听一个数据 【例1: watch侦听ref基础类型的数据】 【例2: watch侦听reactive类型的数据】 【备注】 watch具备一定的惰性 lazy (wath侦听器首次加载不

Composition API 使用Composition API实现todoList 以前我们可能想到在data中定义数据，但是有了Composition API 之后我们会定义setup函数 【例

响应式引用 原理 通过proxy对数据进行封装，当数据变化时，触发模板等内容的更新 ref 处理基础类型的数据 1.普通的变量 【例子】 我们发现2秒后name的值并没有从LeBrown变成James

功能 将组件或者组件中的内容挂载到其他DOM的位置上 实现一个需求 给绝对定位的元素加上覆盖整个页面的蒙层mask，由于绝对定位的元素只能相对于其父元素，如果父元素的面积很小，就做不到全屏的mask，

为什么要有自定义指令directive 希望input标签在加载的时候就处于focus的状态 1.使用自定义指令directive之前 【敲代码】 对于简单的DOM处理，获取DOM去处理是可以的 但是

什么是mixin 将一个组件配置对象放到组件里 如何使用mixin 1. 定义 2. 使用 mixin中的数据和组件中数据的优先级 1. data 组件data优先级高于mixin data 优先级

多个单元素切换显示的动画 基础使用 eg: 为两个单元素的切换显示，添加动画效果 同之前单元素的过渡和动画一样，使用transition配合vue为我们提供的固定的class 【敲代码】 【运行结果】

Vue中使用css做动画和过渡 单元素/单组件的入场和出场过渡 什么是单元素/单组件 形如下面这样，模板中根div中只有一个div，叫单元素。同理，如果把这个div换成一个组件，那么就是一个单组件 什

过渡和动画的区别 过渡： 从一个状态缓慢过渡到另外一个状态，如：背景色由红色缓慢过渡到绿色 动画：一个元素运动的情况，如：从上到下或者从左到右的运动 借助基础的css去实现过渡和动画 1.通过clas

动态组件 如果现在有这样一个需求： 页面中有2个DOM元素，如果一个展示，那么另外一个就隐藏 使用动态组件前 使用动态组件后 我们不妨来看下： 这句话的意思，就是要在这个地方显示一个组件，这个组件显示

普通插槽 基于一个需求 如果调用第一个myForm组件的时候，使用div来提交，调用第二个myForm组件的时候，使用button按钮来提交，这个需求该如何实现呢？ 使用插槽slot吧 注意 为什么要

子组件通知父组件修改父组件data中的数据 子组件通知父组件，让父组件修改data中定义的数据 自定义事件实现子父子组件通信 如上面的例子，由于vue中单项数据流，子组件不允许直接修改父组件传递过来的

定义 父组件通过在子组件上定义属性的方式，向子组件传递数据，但是子组件不写接收数据的语法props 子组件props接收数据，但是不使用 父组件向子组件传值，子组件通过props接收父组件传递过来的数

父组件向子组件传值 子组件的props用数组接收数据 静态传参 『静』的意思就是固定写死的，因为静态传参一般只能传字符串给子组件 这样父组件调用子组件的时候，只能展示内容为test,现在如果希望在调用

组件的定义 组件就是页面中的一部分 一个网页可以被拆分成很多部分，如下图所示，可以被拆分成头部、左侧和右侧是三个部分。每个部分又可以进一步的做出细分，如左侧可以细分成2个部分，右侧可以被拆成3个部分。

v-model input 当数据messgae发生改变，input输入框中的内容也会发生改变 当input输入框中的数据发生改变，数据messgae也会跟着发生变化 这就是一个双向绑定 textar

基本语法 定义事件 获取原生的事件对象evet 事件函数的第一个参数默认是事件对象evet 调用函数的时候固定传参 调用事件函数的时候传固定参数如何获取到事件对象event？ 如果要额外的传入参数，同