Vue3新特性，阿里一线架构师技术图谱

computed计算属性的使用

总体上和Vue2.x的功能是一个功能，只是写的方法改变了，添加了只读计算属性，和可读可写计算属性的概念，

• 只读的时候就正常的在computed()中通过箭头函数的方式设置值就再返回即可

• 如果是可读可写，就需要再computed()函数中传递一个对象，同时这个对象是有get和set来分别做读写功能的描述

watch()函数的使用

Vue3中的 watch 的功能 还是我们理解的那个watch的功能 和 Vue2x 是一样的 只是功能变得更加的强大

1. 的第一个参数存放的是监听变量的值

如果是ref创建的直接输出创建的对象就行 如果是reactive创建的对象需要使用箭头函数导  

当一次监听多个变量的时候 第一个对象可以以数组的形式写入

2. watch第二个参数是一个函数有三个形参，分别是 新值、 旧值 和 清楚函数

如果是传递多个参数的时候 新值和旧值是可以通过解构赋值的方式分别导出的  

清楚函数可以 清楚掉这个监听器的上次未完成的异步任务

3. 第三个参数 {lazy:true/false} 分别表示的是页面一刷新会不会就执行一次watch监听

• 基础使用：