bear-on-mp

小北将Vue.js框架迁移到了微信小程序环境，使用Vue技术栈开发小程序。

强烈推荐给村里的人。

技术支持由"村头小北"提供。

公众号搜索"村头小北"获取更多内容。

安装

npm i bear-on-mp -S

使用

ResPage

const {BearPage} = require('bear-on-mp')
BearPage({
  data () {
    return {
      name: 'demo'
    }
  }
})

ResComponent

const {BearComponent} = require('bear-on-mp')
BearComponent({
  properties: {
    name: {
      type: String,
      value: 'im name'
    },
    age: Number
  },
  data () {
    return {
      content: 'just content'
    }
  },
  computed: {
    cName () {
      return `cName = ${this.name}`
    }
  },
})

Vuex的集成

定义一个Store模块

const {Vue, Vuex} = require('bear-on-mp')
Vue.use(Vuex)
module.exports = new Vuex.Store({
  state: {
    name: 'Vuex'
  },
  getters: {
    getName (state) {
      return state.name
    }
  }
})

在业务中使用Store模块

BearPage与BearComponent均支持Store。

const {BearPage} = require('bear-on-mp')
BearPage({
  computed: {
    name () {
      return Store.getters['getName']
  }
})

包导出的内容

• Vue
• Vuex
• BearPage
• BearComponent