Why is the list not showing?

Question

Vue.js

Just started learning Vue.js (came from React). While I'm learning the basics, that's why I'm sitting in the sandbox. Tell me what I'm doing wrong.
https://codepen.io/dagman/pen/XNPvpE

Answer 1

Vue assumes that you use CamelCase for component names in scripts, and hyphenated naming in your markup (templates):

<div id="root">
  <task-list></task-list>
</div>