vue无法正确使用mastache渲染实例

问题：
<script>
var vm = new vue({
el:"#app",
data:{
message: "hello,vue!"
}
});

</script>

这段代码中，`vm` 是通过 `new Vue()` 创建的一个 Vue 实例。但是在 HTML 文件中，`<div id="app">` 元素还没有被渲染，所以 `vm.message` 还没有被初始化。 解决方法是将 Vue 实例的创建放在页面加载完成后，即 `document.ready` 事件中：

<script>
document.addEventListener('DOMContentLoaded', function() {
var vm = new Vue({
el: '#app',
data: {
message: 'hello,vue!'
}
});
});
</script>