[Vuejs]-Vue.js: Why isn't my list isn't rendering with v-for directive?

Putting the {{task.complete}} text on a line of its own like that is not valid syntax in pug.

You can put {{task.complete}} on the same line as li(v-for="task in tasks"). You could provide an element to house the task.complete text (like span {{task.complete}}). Or, you could add a . to the end of the li line to allow you to provide a block of text in the following line.

Here’s a codepen with examples of those three solutions.