weixin_43390711的博客

2、使用库中的类名来设置enter-active-class属性和 leave-active-class属性。1、安装animate库，并在main.js中引入。

返回值类似一个ref包装的响应式对象，在script中需要.value进行拆箱。在模板中可以直接使用msg属性，在script中要props.msg。

【代码】函数式组件。

【代码】vue 插槽。

一、在package.json文件中添加"test":"vue-cli-service build --mode test"二、在项目的根目录下创建三个文件1、.envNODE_ENV = 'production'VUE_APP_FLAG = 'pro'2、.env.testNODE_ENV = 'production'VUE_APP_FLAG = 'test'outputDir = test3、vue.config.jsoutputDir: process.e

【代码】创建一个vue应用。

一见如故const Xxx = defineAsyncComponent(() => import('./Xxx.vue'))defineAsyncComponent接受一个"返回promise的函数"，返回一个外包装的组件AsyncComp，它的使用是vue内部行为场景：1、<AsyncCom v-if=‘flag’ />，让异步组件代码不用立马加载，等需要的时候再加载2、AsyncCom + Suspense，让耗时的组件作为异步组件使用，在组件没有完全渲染之前，展示’预

【代码】vue 动态组件。

【代码】vue 插件开发。

/ 定义v开头的驼峰式命名的变量，值为一个对象或者函数let timervalue()}, 500)})})

'副作用’做了什么，及其触发时机；'清除副作用’做什么，及其触发时机。开发思维模式的转变（不再是生命周期的思维，而是副作用思维）

需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()

一、vue数据响应式，有几个关键的点1、侦测数据的变化2、收集视图依赖了哪些 数据3、数据变化时，自动‘通知’需要更新的视图部分，并进行更新二、vue2.xxx实现数据响应式1、vue通过Object.defineProperty来将对象的属性设置成访问器属性，setter和getter方法来监听数据的变化2、通过getter进行依赖收集3、而每一个setter方法就是一个观察者，在数据变更的时候通知订阅者更新视图三、vue2.xxx通过Object.defineProper

四、vue2与vue3中的数据劫持对比。二、new Vue的主流程。

【代码】虚拟DOM和diff算法。

【代码】vue路由使用。

不可直接改变状态，用来包含异步操作。

/ 子组件中：// 以对象的形式定义属性，如果使用的是默认值modelValue，对应的修饰符属性名为modelModifiers// 配合参数使用，如果prop名为value1，对应的修饰符属性名为value1Modifiers})// 定义修饰符xxx的逻辑// 父组件中。

优化patch性能，更高效地更新虚拟dom。

等待下一次dom更新刷新的工具方法（官方）

【代码】vue 内置组件teleport。

【代码】vue render选项。

【代码】vue h函数。

【代码】vue3 defineExpose。

slotted(选择器){