1.Options API 存在的问题
使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改 。
2.Composition API 的优势
我们可以更加优雅的组织我们的代码，函数。让相关功能的代码更加有序的组织在一起。
Vue3 Composition API 的优势
时间：2022-12-27 23:02:07浏览次数：48
标签：代码 修改 API 优势 Vue3 Composition
相关文章
- Vue3之provide 与 injectprovide与inject 作用：实现祖与后代组件间通信，儿子组件中也能用这种方式，但是一般不这么用，父子组件传信息一般直接用props属性。套路：父组件有一个 provide 选项......
- Vue3之响应式数据的判断响应式数据的判断isRef:检查一个值是否为一个ref对象isReactive:检查一个对象是否是由 reactive 创建的响应式代理isReadonly:检查一个对象是否是由 readonly......
- Vue3之customRefcustomRef作用：创建一个自定义的ref，并对其依赖项跟踪和更新触发进行显式控制。比如在input更新数据之后，设置指定时间之后再在h3标签上重新展示最新的数据：<templ......
- Vue3之toRaw 与 markRawtoRaw与markRawtoRaw：作用：将一个由reactive生成的响应式对象转为普通对象。ref的对象不行使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引......
- Vue3之readonly 与 shallowReadonlyreadonly与shallowReadonlyreadonly:让一个响应式数据变为只读的（深只读）。shallowReadonly：让一个响应式数据变为只读的（浅只读）。应用场景:不希望数据被修改时。示......
- Vue3之shallowReactive 与 shallowRefshallowReactive与shallowRefshallowReactive：只处理对象最外层属性的响应式（浅响应式）。shallowRef：只处理基本数据类型的响应式,不进行对象的响应式处理。什么时......
- Vue3之toReftoRef作用：创建一个ref对象，其value值指向另一个对象中的某个属性。语法：constname=toRef(person,'name')应用:要将响应式对象中的某个属性单独提供给外部使用......
- Vue3生命周期Vue3.0中可以继续使用Vue2.x中的生命周期钩子，但有有两个被更名：beforeDestroy改名为 beforeUnmountdestroyed改名为 unmountedVue3.0也提供了CompositionAPI形式......
- 基于微服务API级权限的技术架构一般而言，企业内部一套成熟的权限系统，都是基于角色（Role）的访问控制方法（RBAC–RoleBasedAccessControl），即权限（Permission）与角色相关联，用户（User）通过成为适当角色的成员而......
- Vue3之watchEffect函数watchEffect函数watch的套路是：既要指明监视的属性，也要指明监视的回调。watchEffect的套路是：不用指明监视哪个属性，监视的回调中用到哪个属性，那就监视哪个属性。wat......