Vue3 基础学习1 Composition API、Setup

119 阅读1分钟

vue create vue3demo 创建项目后进入并升级 vue add vue-next升级为vue3命令。

Composition API(基于函数组合的API):

为什么使用它呢?

1.Composition API是根据逻辑相关性组织代码的,提高可读性和可维护性

 2.更好地重用逻辑代码 

      在Vue2 Options API 中通过Mixins 重用逻辑代码,容易发生命名冲突且关系不清

 *在Vue 3中Composition API是可选的

计算属性computed:

跟上图对比 响应式对象:

Setup 函数和两个参数(props、context)props都是响应式的,里面的值是只读的,使用watch监听里面属性的值。

context:获取插槽、发送事件