在小程序里用上 Composition API

[jaskang]

众所周知 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

[mynameislihua]

good ，点个 star 支持一下

[lblblong]

为啥不用 Taro+vue3

[jaskang]

@lblblong 这个是运行时框架不依赖编译过程。如果没有有多端需求的话会比 Taro 更轻量。