vue3基础知识

setup是vue3新增的composition api，在之前vue2.x都是采用options api。setup的调用时机为在初始化属性之后，在beforeCreate之前。(在新的vue3中，

ref接收一个值并返回一个具有响应的和可变的对象。ref对象有一个.value指向内部值的属性。 通过ref（）返回的对象，对它进行的读写都需要通过.value来操作。在setup方法中return返

toRef toRef可以在原有的响应式对象上创建一个ref对象，与源对象的属性保持着密切的响应式的关联。 toRef在一定的场景下是非常有用的，特别是配合ref传递给组合函数的时候。即使当前源属性不

当模板的数据需要依赖其它的状态，可以通过计算属性来处理。当创建计算值，可以通过computed函数。它接收一个getter函数，并为getter返回一个不可变的响应式ref对象。与vue2.x不同的是

watchEffect是一个立即执行的函数，同时被动地跟踪其依赖项，并在依赖项发生改变时重新运行它。 控制台会立即打印0，过一秒后打印1。 Stopping the Watcher 当watchEff

watch需要观察特定的数据源并在单独的回调中的回调函数中使用副作用。默认情况下它是惰性的，即回调仅在被监视的源发生变化时调用。 与watchEffect相比，watch具备： 懒惰地执行副作用; 更

provide/inject可以穿过多层级组件进行传值，provide/inject与composition api一起使用，两者都只能在setup()当前活动实例期间调用。 Provide 在set