1.ref和reactive
Vue3为什么推荐使用ref而不是reactive
ref: 将内部值包装在特殊对象中，是内部值具有响应性
reactive使对象本身具有响应性
若我们将同样的函数定义为一个方法而不是计算属性，两种方式在结果上确实是完全相同的，然而，不同之处在于计算属性值会基于其响应式依赖被缓存。一个计算属性仅会在其响应式依赖更新时才重新计算。这意味着只要 author.books 不改变，无论多少次访问 publishedBooksMessage 都会立即返回先前的计算结果，而不用重复执行 getter 函数
stop用于在页面表单中，只触发子元素，不触发父元素的操作
once的作用是最多触发一次处理函数
当.stop.once混用的时候，第一次点击stop和once都对当前元素的函数，其作用范围只在当前元素上。但是第二次点击的时候，stop不再起作用了，父级元素可以被多次触发
