vue3

 

 

• setup 语法糖，也就是在 script 表示里面写东西舒服点，不用加  data(){}  return ， 直接在标签  <script setup name="Comp1"> 这样就可以了

 

• ref() 和 reactive()
  • ref() 把普通数据变成响应式, 访问或修改数据要加 .value //也可以把对象变成响应式，其实就是多包了一个reactive() 
  • reactive() 把对象变成响应式 

 

• 标签上加的
  • input 标签加 :value="aa"  ,  动态绑定 aa 变量，而不是字符串
  • input 标签加 v-model="aa",  双向动态绑定 aa 变量， 也就是在 ui 上改了， script 里的数据也会变
  • 任何 标签里 加  ref="aa" , 同时需要在 script 里 加  let aa = ref()  
    • 也就是把 该 标签 存放到  aa 变量里， 后续在script里访问该元素使用 aa.value 即可 ， 也就是像给了一个 id 一样