Javascript Vue.js:无法读取属性'；类列表'；空的

我使用的是由.NET 4.5服务器支持的单文件组件样式Vue.js

以下是我的app.js（入口点）：

这是我的家。vue：

<template>

    <div>

        <h1>{{title}}</h1>
        <q-input outlined label="Input 1" v-model="text" />
        <q-input outlined label="Input 2" placeholder="I am a Quasar input element" v-model="text2" />

        <div>{{ text }} </div>
        <div>{{ text2 }} </div>

    </div>

</template>

<script>

    import QInput from 'quasar';
    import patient from './patient.vue';
        export default {

            data() {

                return {

                    text: ''
                    , text2: ''
                    , title: "Welcome!"
                }
            },
            methods: {

            },
            components: {
                'patient': patient,
                'q-input' : QInput
            }
        }

</script>

在body.js中，它在这里失败：

document.body.classList.add.apply(document.body.classList, cls)

---

我知道也有一些类似的问题，但通常人们都在尝试做一些事情，比如GetElementById（）；在不存在的元素上。我的身体显然存在于代码和元素视图中。我正在使用网页包。我有点困惑这个错误是从哪里来的

Vue.js在内部不使用jQuery，因此它不会像其他库那样等待$（document）.ready（）。您可以将脚本标记移动到HTML的底部，或者，您也可以将入口点包装到DOMContentLoaded事件的侦听器中，如下所示：

document.addEventListener("DOMContentLoaded", async function (event) {

     new Vue({

        el: '#app'
        , render: h => h(App)
        , created() {

        }
    });
});

---

您能否确认此错误在浏览器控制台中，而不是服务器上的某些内容（如服务器端渲染）？假设它是客户端的，我的第一个想法是查看HTML文件，检查是否在

之前包含

。这张图片让我觉得你已经在

中找到了

，它可能在

存在之前。当错误发生时，如果你在调试器中暂停，你应该可以四处看看到底发生了什么。@skille哇，就是这样，我觉得很愚蠢。在其他框架（angularjs、jquery）中，这些javascript绑定发生在document.ready（）上，它总是在DOM加载之后。我是vue的新手。非常感谢。

document.body.classList.add.apply(document.body.classList, cls)

document.addEventListener("DOMContentLoaded", async function (event) {

     new Vue({

        el: '#app'
        , render: h => h(App)
        , created() {

        }
    });
});