用 vuex mapState 后将 computed 给子组件传值会导致无限循环 setData

yanthink commented 4 years ago

Description

用了 vuex，然后在 page 里面通过 mapState 设置 computed，最后把 computed 往子组件传值就会导致 setData 无限循环

Environment

Platform: 开发者工具
Platform version: 1.02.1907300
wepy-cli version: 2.0.0-alpha.20
wepy version: 0.02

Reproduce

page.js

  <template>
    <view>
      <article-content :article="article"></article-content>
    </view>
  </template>

  <script>
    import wepy from '@wepy/core';
    import { mapState, mapActions } from '@wepy/x';
    import store from './vuex';

    wepy.page({
      store,

      computed: {
        ...mapState('articleShow', [
          'article',
        ]),
      },

      methods: {
        ...mapActions('articleShow', [
          'fetchArticle',
        ]),
      },

      onLoad ({ id }) {
        this.fetchArticle(id);
      },
    });
  </script>
  <config>
    {
      usingComponents: {
        'article-content': './components/article-content',
      },
    }
</config>