vue组件复用出现的一些问题

       在项目开发中根据需求封装了一个组件，并且把跟组件相关的所有接口调用全部放在了该组件中执行，然后把这个组件引入到了父组件中，每当父组件初始化的时候，子组件里的接口都会被调用一次，后面由于需求的变更，在这个父组件中插入两次子组件。

        好处是，提高了组件的复用性，减少了代码的编写；

        缺点是，父组件初始化的时候会导致子组件中的接口双倍调用，就会引发性能问题；

        解决方法是，将子组件用到的初始数据接口（初始数据接口也就是会在created或者mounted中调用的接口）放到父组件中进行调用，父组件再通过props将接口返回的结果传递给子组件，或者将数据放到vuex中保存，子组件获取到数据后只需进行后续操作即可，这样就能大大减少接口被调用的次数，提高页面性能；