如果在控制台中获得预期的结果，为什么插值不起作用？

Question

我正在尝试在Vue.js中进行倒计时，但是插值无法正常工作，我无法理解原因。

我已经宣布了这一点：

data() {
  return {
    dueDate: '' 
  }   
},

我想在这里显示它：

<div id="app">
  {{ dueDate }}
</div>

这是我的代码：https://codepen.io/chechocz/pen/ExYQEQM

在控制台中，我得到了预期的结果，但是没有插值。

谢谢！