2022.6.22 setup和ref()响应式

71 阅读1分钟

image.png

image.png

注:在vue3结构中也可以兼容vue2的data() {}和methods等。但是最好不要在vue3中混入vue2。
且在vue2中能读取到vue3(setup函数中)的数据,vue3(setup函数)中不能读取到vue2中的数据。
setup()前面不能加async,因为包裹了async他返回值外层会包裹一层promise,需要.then才能取出return的值。

image.png

image.png

ref()包裹住的值修改的时候需要.value

image.png