今天的主要内容是vue3的setup,computed,watch
setup是vue3的特性,但是一般在写的时候是
setup(){
}
return{}
这样的方式出现,会将setup里的东西return出去才可以在标签上使用,但是这种比较繁琐,所以出现了setup语法糖<script setup><script>使用起来非常方便。但是在setup里this则不再适用。
ref和reactive都是一种响应式的存在,ref依赖于reactive,reactive一般直接收对象,ref比较灵活,用的时候也比较推荐于ref。在使用的时候,要先引入。
ref对象说到底还是对象,值都放在value中,在使用的时候需要注意,但是在标签上使用的时候可以不加value。
computed是一种计算属性,注意他是属性和一般的方法还是有区别的,只有在箭头函数里面涉及到的变量发生改变时,才会重新计算,具有一种缓存的效果。
watch,就是一个监听的东西,一旦值发生改变就会触发
第一个参数是需要监听的值,当然箭头函数里面可以做很多事
当出现不知一个值需要监听的情况的话,那么就用中括号把需要监听的对象框起来
watch还有需要注意的地方,一个是immediate和deep,immediate就是在监听的值没有发生改变之前,就会调用箭头函数里面的东西,deep是在深度监听的时候会需要使用。
作为watch的第三个参数