珠规玉矩
夏天最让人欢喜,太阳火辣辣照射下来的夏日午后,穿一条短裤听摇滚边喝啤酒,简直美到天上去了。
每个 *.vue 文件最多可以包含一个 <script setup>。(不包括一般的 <script>) 这个脚本块将被预处理为组件的 setup() 函数,这意味着它将为每一个组件实例都执行。<script setup> 中的顶层绑定都将自动暴露给模板。 <scrip
作用:定义一个响应式的数据 语法: const xxx = ref(initValue) 创建一个包含响应式数据引用对象(reference对象) JS中操作数据:xxx.value 模板中读取数据:不需要.value,直接: {{xxx}} 备注: 接收的数据可以是:基本类型、也
作用:定义一个对象类型的响应式数据(基本类型别用他,用ref函数) 语法:const 代理对象 = reactive(被代理对象)接收一个对象(或数组),返回一个代理对象(proxy对象) reactive定义的响应式数据是”深层次的“ 内部基于ES6的Proxy实现,通过代理对象操作源对象内部数据进行操作
从定义数据角度对比: ref用来定义: 基本数据类型 reactive用来定义: 对象(或数组)类型数据 备注: ref也可以用来定义对象(或数组)类型数据,它内部会自动通过reactive转为代理对象 从原理角度对比: ref通过Object.defineProperty()的get和se
setup执行的时机 在beforeCreate之前执行一次,this是undefined setup的参数 props:值为对象,包含: 组件外部传递过来,且组件内部声明接收了属性 context:上下文对象 attrs: 值为对象,包含:组件外部传递过来,但没有在props配置中声明的属性
watch的套路是:既要指明监视的属性,也要指明监视的回调 watchEffect的套路是:不用指明监视哪个属性,监视的回调中用到哪个属性,那就监视哪个属性 watchEffect有点像computed: 但computed注重的计算出来的值(回调函数的返回值),所以必须要写返回值 而watchEff