Vue.js is Wikimedia Foundation's future JavaScript framework
I feel like I'm in an alien world when it comes to Vue - it has this weird pattern of making strings do loads of heavy lifting.<p>The Github Commits[1] example on their documentation has a load of stuff that just doesn't sit right with me.<p>Things like<p><pre><code>    v-for="record in commits"
</code></pre>
to loop over something is insane to me - this isn't code, this is a string inside a html attribute! How can you get any sort of good type analysis/variable checking/syntax highlighting inside this?<p>Similarly, accessing properties like<p><pre><code>    :href="record.html_url"
</code></pre>
has the exact same issues - what if there's a typo here? My IDE can't highlight that this is wrong because it's *not code* and is just a string.<p>Maybe I'm just the odd one out here, but vue (and angular) love to use strings as a makeshift programming language, which to me is a major smell.<p>^[1]: <a href="https://v3.vuejs.org/examples/commits.html" rel="nofollow">https://v3.vuejs.org/examples/commits.html</a>