ch_ss的博客

v-model 其实是一个语法糖 通过props 和 emit组合而成的。v-model.number(只输入number)v-model.lazy(change事件触发)v-model.trim(去掉两端空格)

父组件：通过绑定一个数据子组件：通过defineProps接受传过来的值（子组件：通过defineEmits派发一个事件父组件：接受子组件派发的事件。

（1）使用vite初始化一个项目（2）构建cli项目。

vue3组件的生命周期

watchEffect的学习

注意：使用reactive监听深层对象开启和不开启deep 效果一样。watch 需要侦听特定的数据源，并在单独的回调函数中执行副作用。watch第二个参数回调函数cb（newVal,oldVal）watch第三个参数一个options配置项是一个对象{immediate:true //是否立即调用一次。deep:true //是否开启深度监听。watch第一个参数监听源。监听Reactive。

就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。

可以帮我们批量创建ref对象主要是方便我们解构使用。如果原始对象是响应式的是会更新视图并且改变数据的。的就不会更新视图 数据是会变的。将响应式对象转化为普通对象。

用来绑定复杂的数据类型 例如 对象 数组，它是不可以绑定普通的数据类型，会报错。

接受一个内部值并返回一个且可变的 ref 对象。ref 对象仅有一个.valueproperty，指向该内部值。被ref包装之后需要.value 来进行赋值。

虚拟DOM就是用JS对象来表述DOM节点，是对真实DOM的一层抽象。可以通过一些列操作使这个棵树映射到真实DOM上。如在Vue中，会把代码转换为虚拟DOM，在最终渲染到页面，在每次数据发生变化前，都会缓存一份虚拟DOM，通过diff算法来对比新旧虚拟DOM记录到一个对象中按需更新，最后创建真实DOM，从而提升页面渲染性能。

vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听来渲染视图。vue是一个mvvm框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。