在小程序里用上 Composition API

众所周知 Vue3 带来了 Composition API ，它使我们能够通过组合函数来实现更加简洁高效的逻辑复用。在选项式 API 中我们主要的逻辑复用机制是 mixins ，而 Composition API 解决了 mixins 的所有缺陷。

而在小程序中我们有同样的问题，小程序是选项式的，也有着和 Vue2 中 mixins 同样定位的 behaviors。

那么我们能不能把小程序也变成和 Vue3 一样的 Composition API 呢？

今天给大家介绍的 Rubic 便是这样一款小程序框架，它支持我们用写 Vue3 一样的方式开发小程序。

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

import { defineComponent, ref, computed, onLoad } from 'rubic' defineComponent({ setup(props, ctx) { const count = ref(0) const double = computed(() => count.value * 2) const increment = () => { count.value++ } return { count, double, increment, } }, }) 

<view bindtap="increment">{{count}} x2:{{double}}</view> 

链接

源码： https://github.com/jaskang/rubic

文档： https://rubic.jaskang.vip