获得徽章 0
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
![[庆祝]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_123.da47506.png)
评论
2
8
4
`Rubic` 是一个轻量级的小程序运行时框架，它继承 Vue3 的设计思路，并提供了与 Vue 一致的编程模型。它专注于 `javascript` 逻辑部分，为小程序提供**更好的逻辑复用**以及**更灵活的代码**组织能力。
组合式：通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。
响应性：依赖 `@vue/reactivity`，响应式地调用 setData 更新界面。
下面是一个最基本的组件示例：
```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
<view bindtap="increment">{{count}} x2:{{double}}</view>
```
#码上掘金# [Rubic 文档](
rubic.vercel.app)
组合式：通过组合式 API，我们可以使用导入的 API 函数来描述组件逻辑。
响应性：依赖 `@vue/reactivity`，响应式地调用 setData 更新界面。
下面是一个最基本的组件示例：
```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
<view bindtap="increment">{{count}} x2:{{double}}</view>
```
#码上掘金# [Rubic 文档](
rubic.vercel.app)
展开
评论
点赞
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章
赞了这篇文章