Vue.js hello world 不會渲染
[英]Vue.js hello world won't render
問題描述
我正在嘗試在 Vue.js 網站上的入門文檔中創建一個 Hello world 應用程序。 一切看起來都很好，但頁面上沒有顯示文本，只有 html 代碼。
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 文件都被加載了。
控制台中沒有錯誤
我究竟做錯了什么 ？
2 個解決方案
解決方案1
8 已采納
<script src="app.js"></scrip>
你有一個錯字。 您的結束標簽中缺少t 。 因此app.js腳本永遠不會加載。
可能檢測到這一點的方法：
- 查看瀏覽器中的 Developer Tools Network 選項卡。 您不會看到對
app.js的請求 - 驗證您的 HTML
解決方案2
0 2017-12-28 17:08:19
就像你知道的那樣Vue組件的data屬性應該是一個返回Object的function
data () { return { message: 'Hello vue....' } }
請參閱： Vue JS 文檔
為什么此Vuejs“ Hello World”示例不會在我的計算機上呈現？
[英]Why Won't This Vuejs “Hello World” Example Render On My Computer?
找到了 React 腳本，但它不會呈現簡單的 hello world 元素
[英]React script is found but it won't render the simple hello world element
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.