title: How to display space instead undefined and null in vue.js template?
body: <p>This is Vue.js template</p>
  
  <pre><code>&lt;strong&gt;{{userdata.phone}}&lt;/strong&gt;
  </code></pre>
  
  <p>When userdata.phone == null or userdata.phone == undefined, I would like to show space.
  for example</p>
  
  <pre><code>&lt;strong&gt; {{ userdata.phone | !null | !undefined }} &lt;/strong&gt;
  </code></pre>
  
  <p>Is it possible?
  And in this case how do that?</p>
  
  <pre><code>&lt;strong&gt;{{userdata.location.city + userdata.location.state + userdata.location.country }}&lt;/strong&gt;
  </code></pre>
  
  <p>userdata.locationi.city,state,country can be null or undefined</p>