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:获取插槽、发送事件