javascript - Vue Js应用无法显示页面

Question

我是 vue js 应用程序的新手。我正在使用 Visual Studio 2017 创建 vue js 应用程序。我正在关注教程，但是当我运行应用程序时，我在 Node js 控制台窗口中的这一行中遇到了以下错误....

**var vue_det = new Vue({ **//vue_det 已分配但未使用过 ..

这是 App.vue 的代码...

<template>
    <div id="app">
        <Home msg="Hello world!" />
    </div>
</template>

<script>
    import Home from './components/Home.vue';
    import component1 from './components/component1.vue';

    export default {
        name: 'app',
        components: {
            Home,
           component1

        }

    };


</script>

<style>
</style>

这是 component1.vue 的代码...

<template>
        <div id="intro" style="text-align:center;">
            <h1>{{ message }}</h1>
        </div>


</template>

<script type = "text/javascript">
    import Vue from 'vue'; 
         var vue_det = new Vue({
            el: '#intro',
            data: {
               message: 'My first VueJS Task'
            }
         });
      </script>

<style scoped>
</style>

这是我运行应用程序时出现错误的屏幕截图..

Answer 1

这是 eslint 错误。您可以阅读该消息:

vue_det is assigned a value but never used

请尝试删除它

<script type = "text/javascript">
import Vue from 'vue'; 
new Vue({
el: '#intro',
data: {
    message: 'My first VueJS Task'
}
});
</script>