title: How to add a loading icon while searching? (Vue.js 2)
body: <p>My component is like this :</p>
  
  <pre><code>&lt;template&gt;
      ...
          &lt;input type="text" class="form-control" v-model="rawFilter" placeholder="Search" @keyup="getPlayers"&gt;
      ...
  &lt;/template&gt;
  
  &lt;script&gt;
      import _ from 'lodash'
      ...
      export default {
          ...
          data() {
              return{
                  msg:'hello vue',
                  rawFilter:'',
                  loading:false
              }
          },
          ...
          methods: {
              getPlayers: _.debounce(function(e) {
                  const text = e.target.value.trim()
                  this.$store.dispatch('getPlayers', {
                    q: text
                  })
              },1000),
              ...
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>When I searching, before display the data, I want add a loading icon</p>
  
  <p>How can I do it in vue.js 2?</p>