Skip to content
/ wxue Public

在微信小程序中使用 vue 的 composition-api,小程序端的逻辑复用的解决方案。

Notifications You must be signed in to change notification settings

kouchao/wxue

Repository files navigation

介绍

wxue是一个小程序的运行时的库,体积小到可以忽略。 它使得小程序可以使用Vue的语法,最大的亮点是支持了composition-api,其他的Vue语法正在完成。更好的开发体验,上手简单,如果你恰好是Vue技术栈,可能10分钟即可上手。 在使用Vue语法的同时,优化了小程序的常见性能问题,以及更好的逻辑复用方式。

安装

npm i wxue -S

文档

完整的文档请点击 https://kouchao.github.io/wxue

composition-api示例

import { wxue, ref, onShow } from 'wxue'
function useAutoAdd(x) {
  const b = ref(x)
  setInterval(() => {
    b.value++
  }, 1000)
  return b
}

wxue({
  data: {},
  setup(options) {
    const b = useAutoAdd(2)

    onShow(() => {
      console.log('onShow form hooks', this)
    })

    function getXx() {
      console.log(this, 'getXx')
    }

    return {
      c: b,
      getXx,
      test,
    }
  },
  onLoad: function (options) {
    setTimeout(() => {
      this.test()
      console.log(this.data.b)
    }, 5000)
    this.getXx()
  },
  test: function () {
    this.data['a.b'] = 111
    this.data['a.c'] = 111
  },
})

About

在微信小程序中使用 vue 的 composition-api,小程序端的逻辑复用的解决方案。

Resources

Stars

Watchers

Forks

Packages

No packages published