Question

我收到以下错误：

vue.common.js？e881：987

[Vue警告]：您正在使用模板将实例挂载到<body>。这将完全取代。你应该在这里使用replace: false。

我正在使用vue-webpack模板和vue-router：

这是我的main.js：

var Vue = require('vue');
var VueRouter = require('vue-router');

var App = require('./App');

Vue.use(VueRouter);

var router = new VueRouter();

router.map({
});

router.start(App, 'body');

那么，我应该在哪里编写选项replace: false？

App.vue：

<template>
    The site title is：{{html_title}}
    <div>
        <input v-model="parentMsg"/>
        <br/>

        <p>{{ parentMsg }}</p>
    </div>
</template>

<script>
    export default {
        props: ['html_title'],
        components: {},
        data: function () {
            return {
                parentMsg: 'test'
            };
        }
    }
</script>

Answer 1

App.vue应该有replace: false

选项

<script>
    export default {
        replace: false,
        props: ['html_title'],
        components: {},
        data: function () {
            return {
                parentMsg: 'test'
            };
        }
    }
</script>

Vuejs：您正在使用模板将实例挂载到``

1 个答案: