Vuex助手的最佳实践

时间:2018-06-13 12:24:18

标签: vue.js vuex

我的混音让Vuex Helpers看起来像这样:

import displayFood from '@js/mixins/displayFood';

export default { mixins:[displayFood] }

我有一个大约有12个组件(包括嵌套)的组件。对于需要我需要调用的数据的每个子组件:

import static java.lang.System.out;
class FullMoons{
    static int DAY_IM = 1000*60*60*24;
    public static void main(String[] args){
    Calendar c = Calendar.getInstance();
    c.set(2004,0,7,15,40);
    long day1 = c.getTimeInMillis();
    for(int x =0; x <60; x++){
      day1 += (DAY_IM * 29.52)
      c.setTimeInMillis(day1);
      out.println(String.format("full moon on %tc"),c)
      }
   }
}

还有另一种方法,无需一直写入导入&amp;混入? (除了Global Mixin)

1 个答案:

答案 0 :(得分:1)

不,mixins将在本地或全球定义。

或者您可以仅在顶级组件中保留getter和actions,然后将其传递给子级。这将使您的孩子更容易重复使用,更容易测试,整个组件树更容易重构。

每次从组件到外部数据(vuex商店)而不是使用道具和事件时,都会将每个组件耦合到数据存储。