title: How to efficiently display text instead of null when binding in vue.js?
body: <p>In the following code <code>site</code> can be null, but if it is there, then <code>company</code> will not be null. How can I <em>efficiently</em> display a "-" when the <code>site</code> is null that scales well for 1000's of these rows?</p>
  
  <pre><code>&lt;tr v-for="obj in objs" :key="obj.id"&gt;
    &lt;td&gt;{{obj.site.company.name || "-"}}&lt;/td&gt; &lt;!-- does not work --&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I can make a method to do this:</p>
  
  <pre><code>methods: {
    handleNulls(obj) {
      // logic
      return "-";
    }
  }
  </code></pre>
  
  <p>But it would be nicer if it could be done inline, or using a filter.</p>