Vuejsは：あなたは `` <body>

にテンプレートを使用してインスタンスをマウントしている私は、次のエラーを得た：Vuejsは：あなたは `` <body>

vue.common.js e881：？私はvue-webpackテンプレートを使用している987

[Vue warn]: You are mounting an instance with a template to <body> . This will replace entirely. You should probably use replace: false here.

とVUE-ルータ：

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');

S：ここで

は私のmain.jsですo、どこで私はオプションreplace: falseを書くべきですか？

App.vue：あなたは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>

出典

2016-04-17 Alfred Huang

を持つ必要があります。こちらをご覧ください：https://vuejs.org/api/#replace。 – ManoDestra

@ManoDestraですが、私は 'new Vue（）'ではなく 'router.start'を使用していますが、私の場合はどうしたらいいですか？ –

この場合、router.start：http://vuejs.github.io/vue-router/en/api/start.htmlでコールバックを使用して、インスタンス化後にrouter.appにアクセスすることができます。これらは単なる提案です。私は明らかに専門家ではない。 – ManoDestra

App.vueはオプションreplace: false

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

出典

2016-04-17 12:46:20

Vuejsは：あなたは `` <body>

答えて

関連する問題