Vue - check if you are on the last prop of a v-for loop : <p>If I have the following data property:</p>

<pre><code>person: {name: 'Joe', age: 35, department: 'IT'}
</code></pre>

<p>And wanted to loop through and output it as follows:</p>

<pre><code>name: Joe, age: 35, department: IT
</code></pre>

<p>So far I have:</p>

<pre><code>&lt;span v-for="(val, key) in person"&gt;{{key}}: {{val}}, &lt;/span&gt;
</code></pre>

<p>But this displays:</p>

<pre><code>name: Joe, age: 35, department: IT,
</code></pre>

<p>with an extra comma on the end, how can I have it detect that it's the last prop and not show the comma? I thoughta v-show or v-if may be the solution but can't quite figure out how to make it work.</p>
