简介 ​

Rubic 的开发参考了多个社区方案，其中包括 miniprogram-composition-api、 vue-mini、miniprogram-computed 、mobx-miniprogram 等

什么是 Rubic ​

Rubic 是一个轻量级的小程序运行时框架，它继承 Vue3 的设计思路，并提供了与 Vue 一致的编程模型。它专注于 javascript 逻辑部分，为小程序提供更好的逻辑复用以及更灵活的代码组织能力。

组合式：通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。

响应性：依赖 @vue/reactivity，响应式地调用 setData 更新界面。

下面是一个最基本的组件示例：

import { defineComponent } from 'rubic'

defineComponent({
  properties:{
    title: String
  }
  setup(props,ctx) {
    const count = ref(0)
    return {
      count
    }
  },
})

<view> Count is: {{ count }} </view>

为什么 ​

• 更好的逻辑复用 组合式 API 最基本的优势是它使我们能够通过组合函数来实现更加简洁高效的逻辑复用。它解决了 behaviors 的缺陷，那是选项式 API 中一种逻辑复用机制。

  组合式 API 提供的更多逻辑复用可能性，可以形成一些不断成长的工具型可组合函数集合。

• 更灵活的代码组织 许多用户都喜欢选项式 API，因为在默认情况下就能够写出有组织的代码：任何东西都有其对应的选项来管理。然而，选项式 API 在单个组件的逻辑复杂到一定程度时，也面临了一些无法忽视的限制。这些限制主要体现在需要处理多个逻辑关注点的组件中，在许多已经上线的小程序代码中可以看到这一点。

兼容性 ​

框架响应性能力直接依赖 [@vue/reactivity]，所以需要运行环境原生支持 Proxy。

• iOS: >= iOS 10
• Android: >= Android 5.0
• 微信小程序基础库: >= v2.11.0

小程序的基础库 ECMAScript 支持表