vue

css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化css 模块化cs

动态 css，通过 js 控制值的变化动态改变样式 动态 css，通过 js 控制值的变化动态改变样式 动态 css，通过 js 控制值的变化动态改变样式 动态 css，通过 js 控制值的变化动态改

当父组件通过子组件的插槽向子组件传递元素，而且子组件想设置父组件传入的元素的样式时，可以在 子组件 中使用插槽选择器:slotted() 子组件 父组件

挂载方式 vue2：Vue.prototype.xxx = xxx，vue2将全局熟属性挂载在Vue构造函数的原型对象上 vue3：app.config.globalProperties.xxx =

好用的hooks开源库 vueUse img转base64 hooks实现 canvas的api 转base64

注意事项 自定义指令必须v开头,驼峰命名 全写示例代码 打印结果如下： 参数1：dom元素 参数2：指令接收到的参数、修饰符、值等的集合 arg：参数 modifiers：修饰符组成的对象 value

v-if与v-show引起的过渡 here 移动过渡 及不再使用v-if或v-show来隐藏和显示组件，而是改变组件位置变换过程中的过渡 示例 状态过渡 如颜色过渡，数组变化过渡等 数字过渡示例 使用

基本使用 使用方法： transition的name属性，命名为fade，此时对应的过渡类为： fade-enter-from fade-leave-to fade-enter-active fade

keep-alive Props： include - string | RegExp | Array。只有名称匹配的组件会被缓存。 exclude - string | RegExp | Array

vue3 + ts + props父子组件传值的书写方式，后续会不断完善非ts下的组件传值，，，，，

watch 使用方式 watch有第三个配置项参数，其中深度监听对象在这里配置， 注意： watch对reactive对象时，默认开启深度监听，但是监听时拿到新值和旧值是一样的（bug） watch监

computed 作用 计算属性，同vue2 书写方式 源码分析 通过isFunction对传入的值的类型进行判断

toRef、toRefs 作用 主要用于对响应式对象的结构，即： 在不丢失响应式的情况下对对象进行解构 针对的是响应式对象，不是普通对象 是响应式的延续，不创造新的响应式 使用 修改nameRef的v

reactive 作用 接收数组或者对象，将其中的属性转为响应式属性 使用 原理 reactive 如果传入的是响应式对象，则直接返回，否则调用createReactiveObject函数 creat

1. ref源码，ref原理分析，ref相关的所有函数。 2. ref调用的底层函数总结。 3.继续更新。