There was an awful lot of war in your "60 years of peace".
<ul>
<li v-for="num in listItems">{{num}}</li>
</ul>
is less readable than <ul>
{listItems.map((num, i) => <li key={i}>{num}</li>)}
</ul>
Both are pretty readable, but the latter is essentially normal javascript, with the idea that you can return dom elements in it. The only thing that a javascript developer with zero jsx experience needs to know is that you can express dom elements within your javascript and treat them exactly like functions that return that element (which is what they are).