title: How to properly v-if and v-for nested object vue js
body: <p>I cannot render nested object content with v-for, there is a prop which contain object, but the div didn't show when i do v-if="prop". Please help how to solve it. Here is the syntax that i used for render:</p>
  
  <pre><code>&lt;div v-if="statisticBrandBrowsers &amp;&amp; statisticBrandBrowsers.length"&gt;
    &lt;div v-for="(item, index) in statisticBrandBrowsers"&gt;
      &lt;div&gt;View: {{item.page_view.hits}}&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My Props:</p>
  
  <p><a href="https://i.stack.imgur.com/ikor5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ikor5.png" alt="prop inspected on vue dev tool"></a></p>