第一步：首先定义页面状态数据

new mstore({
  state: {
    count: 0
  },
  mutations: {
    increment (state) {
      state.count  
    }
  },
  actions: {
    increment (context) {
      context.commit('increment')
    }
  }
});

第二步；绑定、同步数据

以自定义组件为例：

- .ftl

   {{textshow}}

- .js

……
  thisobj.vm = new vue({
                el: $("#text_demo", elem)[0],
                i18n: i18n,
                data: {
                    textshow: thisobj.$mstore.state.count
                },
            })
……
……
    onstatechanged() {
        // console.log(this.$mstore.state)
        // console.log(this.vm)
        this.vm.textshow = this.$mstore.state.count
    }
……

第三步：触发数据改变

以内置组件为例：

{widget41}.$mstore.dispatch('increment')

最终效果：

点击内置组件触发自定义组件数据更新