https://github.com/jaskang/rubic

基于 Vue3 的响应式小程序框架
https://github.com/jaskang/rubic

composition-api miniprogram reactive vue3 wechat

Last synced: 3 months ago
JSON representation

基于 Vue3 的响应式小程序框架

• Host: GitHub
• URL: https://github.com/jaskang/rubic
• Owner: JasKang
• Created: 2022-01-07T15:12:32.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-10-07T17:44:14.000Z (8 months ago)
• Last Synced: 2024-02-28T17:51:10.414Z (3 months ago)
• Topics: composition-api, miniprogram, reactive, vue3, wechat
• Language: TypeScript
• Homepage: https://rubic.jaskang.vip
• Size: 1.56 MB
• Stars: 190
• Watchers: 3
• Forks: 10
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Lists

• awesome-wechat-weapp - rubic - 基于 Vue3 的小程序开发框架，在小程序中使用 Composition API (工具)

README

        


  

    

  





  

  

  



# Rubic

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

[官方文档](https://rubic.jaskang.vip)

## 特性

- 响应性：基于 @vue/reactivity 的响应式能力。

- 组合式：与 vue3 一致的 Composition API 来描述组件逻辑。

- 类型化：灵活的 API 和完整的 TypeScript 类型。

- 轻量级：仅 30KB 的体积，无编译依赖，现有小程序可轻松接入。

## 示例：

```ts

import { definePage, ref, computed } from 'Rubic'

definePage({

  setup(query, ctx) {

    const count = ref(0)

    const double = computed(() => count.value * 2)

    const increment = () => {

      count.value++

    }

    return {

      count,

      double,

      increment,

    }

  },

})

```

```vue-html

{{count}} x2:{{double}}

```