javascript - 頁面一直顯示{{ message }}
問題描述
按照官網的教程,引入<script src='https://unpkg.com/vue/dist/vu...再直接復制官網的代碼到本地,如下圖為什么網頁上一直顯示{{message}}呢?

附上代碼:
<!DOCTYPE html><html><head> <meta charset='utf-8' /> <title>test</title> <script type='text/javascript' src='https://unpkg.com/vue/dist/vue.js'></script></head><body><p id='app'> {{ message }}</p><script type='text/javascript'> var app = new Vue({el: ’app’,data: { message: ’Hello Vue!’} })</script></body></html>
問題解答
回答1:你沒發現第一個script少了個引號嗎??
回答2:el: ’app’ 改為 el: ’#app’


Vue 的 el 屬性是一個 CSS 選擇器,而不是一個 id 名稱,如下:
var app = new Vue({// 修改目標元素為 #app 這一 CSS 選擇器el: ’#app’,data: { message: ’Hello Vue!’} })
相關文章:
1. javascript - sublime快鍵鍵問題2. 實現bing搜索工具urlAPI提交3. javascript - 移動端上不能實現拖拽布局嗎?4. boot2docker無法啟動5. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙6. 前端 - 這段代碼一直生效不了,查半天因為 top: 0px; 分號后一個隱藏的東西,也不是占位符...刪了就可以生效,這是什么情況。。7. angular.js - 單頁應用(ng/vue)該如何監聽用戶離開當前頁面(或者路由)?8. nginx bind failed9. javascript - 如何判斷不同兩個對象觸發同一事件?10. javascript - react native在run-android時出現這個錯誤該怎么解決?大神賜教

網公網安備