Vue3_04_ref 函数和 reactive 函数

ref 函数

Vue3_04_ref 函数和 reactive 函数_第1张图片

  • 声明变量时,赋值的值要写在 ref() 函数中
  • 修改变量时,变量名.value = xxx
  • 在模板中使用时可以省略掉 .value,直接使用变量名即可

Vue3_04_ref 函数和 reactive 函数_第2张图片




 reactive 函数

Vue3_04_ref 函数和 reactive 函数_第3张图片

Vue3_04_ref 函数和 reactive 函数_第4张图片

代码优化:

Vue3_04_ref 函数和 reactive 函数_第5张图片

Vue3_04_ref 函数和 reactive 函数_第6张图片

Vue3_04_ref 函数和 reactive 函数_第7张图片

Vue3_04_ref 函数和 reactive 函数_第8张图片

 

 

你可能感兴趣的:(Vue3学习笔记,前端,vue.js,vue,前端框架,笔记)