title: Flickering effect while updated - Vue Component
body: <p>I've created component to search posts from API by query from URL, but if I change the query I receive strange flickering effect. Count of flicks grows by one after every change. How to solve it? Vue Devtools shows that loadPosts() is called: 1time, 2 times, 3times and so on. Where's the mistake? Reloading component gives the same effect.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;template&gt;
      &lt;v-app&gt;
          &lt;main-header/&gt;
          &lt;v-layout class="mx-auto default--container"&gt;
              &lt;v-flex xs12 ma-2&gt;
                  &lt;h2 class="display-2 text-xs-center main-page--header"&gt;
                      &lt;span class="text__red"&gt;W&lt;/span&gt;yniki wyszukiwania dla:
                      &lt;span class="text__red"&gt;{{this.$route.query.s}}&lt;/span&gt;
                  &lt;/h2&gt;
                  &lt;article-list-sample v-for="i in articles.length" :key="`${i}`" /&gt;
              &lt;/v-flex&gt;
          &lt;/v-layout&gt;
          &lt;main-footer /&gt;
      &lt;/v-app&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import MainHeader from './MainHeader';
      import MainFooter from './MainFooter';
      import ArticleListSample from './ArticleListSample';
      import API from '../api';
      export default {
          components: {
              ArticleListSample,
              MainFooter,
              MainHeader
          },
          name: 'search',
          data: () =&gt; ({
              articles: []
          }),
          methods: {
              loadPosts() {
                  API.get(`posts?search=${this.$route.query.s}`)
                      .then(response =&gt; this.articles = response['data'])
              }
          },
          mounted() {
              this.loadPosts();
          },
          updated() {
              this.loadPosts();
          }
      };
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;</code></pre>
  </div>
  </div>
  </p>