title: How can I loop through an object with Vue, similar to PHP?
body: <p>I have a my object as follows</p>
  <pre><code>$object_zero = {
      'one' : 'one year',
      'two' : 'two year',
      'three' : 'there year',
      'four' : 'four year',
      'five' : 'five year',
      'six' : 'six year',
      'seven' : 'seven year',
      'eight' : 'eight year',
  };
  </code></pre>
  <p>I have a my other object as follows</p>
  <pre><code>$object = { 'one' : '1 Year', 'two' : '2 Year', 'three' : '3 Year', 'akta' : '12', 'mars' : '48' }
  </code></pre>
  <p>I can do it in php as follows.</p>
  <pre><code>foreach($object_zero as $key =&gt; $val){
       echo $object-&gt;$key;
  }
  </code></pre>
  <p>so how do i do this with vue.js?</p>
  <p>I could not start it. my goal is to just write text containing the keys of the first object</p>
  <pre><code>&lt;div v-for=&quot;(v, k, index) in data.object_zero&quot;&gt;
        &lt;p v-if=&quot;object.k&quot; class=&quot;mb-0&quot;&gt;
            {{ object.k }} - 
        &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <p>For example, only these should be written on the screen.</p>
  <pre><code>print: 1 Year - 2 Year - 3 Year
  </code></pre>