VUE3监听属性

vue3的监听属性有两种:watch 和 watchEffect

watch:

首先引入计算属性:

首先定义一个变量

再写一个按钮,在页面展示出来

                          VUE3监听属性_第1张图片     

                                                       改变变量的值

                                  

                                        并在监听属性里监听变量num的变化

                            VUE3监听属性_第2张图片

                                        监听属性可以监听到变量的新值和旧值

VUE3监听属性_第3张图片

watchEffect:

                            

 进入页面就会触发一次,和计算属性类似,依赖的值发生改变自动触发

VUE3监听属性_第4张图片

 

 

你可能感兴趣的:(javascript,vue.js,前端)