title: Don't watch a data item in a Vue component
body: <p>What is the best practice of preventing my component from doing an update when a particular data item is updated?</p>
  
  <p>I have a Vue component with the following properties:</p>
  
  <pre><code>data: function() {
      return {
          'orderBy': 'date_published:desc',
          'page': 1,
          'posts': []
      }
  },
  
  updated() {
      this.loadPosts();
  },
  
  methods: {
      loadPosts: function() {
          // code to AJAX in data
          this.posts = response.data;
      }
  }
  </code></pre>
  
  <p>In the component, I have buttons that change the value of <code>orderBy</code> and <code>page</code>. When these values change, I want the <code>updated()</code> method to be called. However, I do not want it to be called when <code>posts</code> changes because an infinite loop will occur.</p>
  
  <p>What is the best way of telling the component to stop updating when either <code>loadPosts()</code> is called, or <code>this.posts</code> changes.</p>