Vueは簡単な例では動作しません

ここに私のコードがあります。私はすべてを正しく行ったようです。出力があるなどの問題があるかもしれないものだけを{{メッセージ}}Vueは簡単な例では動作しません

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 

</head> 
<body> 
<div id="app"> 
<h1>{{message}}</h1> 
</div> 

<script src="https://vuejs.org/js/vue.js"/> 
<script> 
    new Vue({ 
     el: '#app', 
     data:{ 
      message: "Yow" 
     }, 
     mounted: function() { 
      console.log("Mounted") 
     } 
    }); 
</script> 
</body> 
</html>

、それだけで出力{{メッセージ}}ねえ男あなたはvue.jsスクリプトでスクリプトタグを終了閉じるのを忘れて

出典

2017-08-30 makamu evans

を提出先に任意の操作JSのAPI /メイン/ CDNリンクをinlude –

/API

あなたは下のコンソールで見ることができるようにあなたはスクリプトタグで全体のHTML部分をレンダリングされた：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Title</title> 

</head> 
<body> 

<div id="app"> 
<h1>{{message}}</h1> 
</div> 
<script src="https://vuejs.org/js/vue.js"/> 
</script> 
<script> 
    console.log('hi'); 
    var app = new Vue({ 
     el: '#app', 
     data:{ 
      message: 'yow' 
     }, 
     mounted: function() { 
      console.log("Mounted") 
     } 
    }); 
</script> 
</body>

そしていつもあなただけが唯一の開発モードでVUEを実行している

出典

2017-08-30 18:25:26

Vueは簡単な例では動作しません

答えて

関連する問題