1. 首頁
  2. 問答
  3. Vue.js hello world will not render

Vue.js hello world will not render

2016-09-15 107 views
1

我正嘗試在Vue.js網站的入門文檔中創建一個Hello World應用程序。一切看起來都不錯，但文本不會顯示在頁面上，只是html代碼。Vue.js hello world will not render

Vue的版本：1.0.26

這裏的html代碼：

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <meta charset="utf-8" /> 
 
    <title>Vue!</title> 
 
    </head> 
 
    <body> 
 
    <div id="app"> 
 
     {{message}} 
 
    </div> 
 
    <script src="vue.js"></script> 
 
    <script src="app.js"></scrip> 
 
    </body> 
 
</html>

而這裏的app.js代碼：

new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    message: 'Hello Vue.js!' 
 
    } 
 
});

當然，vue.js是vue.js源文件，並且都加載了js文件。

控制檯中沒有錯誤

我在做什麼錯？

來源

2016-09-15 obatard

+1

控制檯中的任何錯誤？ – Xufox

+0

控制檯中沒有錯誤。謝謝您的幫助。 – obatard

+0

失蹤的問題是什麼？它包含它後會起作用嗎？ – Xufox

回答

8 
<script src="app.js"></scrip>

你有一個錯字。您的結束標記中缺少t。因此，app.js腳本將永遠不會加載。可能已經檢測到這種

方法：

  • 看看你的瀏覽器開發人員工具網絡選項卡。你不會看到app.js
  • Validate你的HTML

來源

2016-09-15 15:31:13 Quentin

+0

它的工作，謝謝你的提示。奇怪的是，請求顯示在工具中。不管怎樣，謝謝。 – obatard

0

請求只要你知道 - 在data道具一個Vue成分應該是一個function返回一個Object

data() { return { message: 'Hello vue....' } }

請參閱：Vue JS Docs

來源

2017-12-28 17:08:19

相關問題

 相關問題