元素ID中的破折号出了点问题

Question

我看到了一个例子 https://vuejs.org/v2/guide/index.html

尝试阻止ID为“ app-2”的

但浏览器找不到app-2元素。

将元素“ app-2”的ID替换为“ app2”后， 然后继续努力。

为什么？ 文件错了吗？

<div id="app2">
  <span v-bind:title="message">
    please over mouse.
  </span>
</div>


var app2 = new Vue({
el: "#app2",
data: {
  message: "this page was refreshed in " + new Date()
}