文章詳情頁
javascript - 頁面一直顯示{{ message }}
瀏覽：39日期：2023-02-23 15:02:39
問題描述
按照官網(wǎng)的教程，引入<script src='https://unpkg.com/vue/dist/vu...再直接復(fù)制官網(wǎng)的代碼到本地，如下圖為什么網(wǎng)頁上一直顯示{{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：你沒發(fā)現(xiàn)第一個(gè)script少了個(gè)引號嗎？？
回答2：el: ’app’ 改為 el: ’#app’
Vue 的 el 屬性是一個(gè) CSS 選擇器，而不是一個(gè) id 名稱，如下：
var app = new Vue({// 修改目標(biāo)元素為 #app 這一 CSS 選擇器el: ’#app’,data: { message: ’Hello Vue!’} })
標(biāo)簽：
JavaScript
上一條：javascript - table組件實(shí)現(xiàn) 合并單元格 并且 可分頁？下一條：javascript - vuerouter import from 里的@/xxxx 是什么意思
相關(guān)文章：
1. python - oslo_config2. php傳對應(yīng)的id值為什么傳不了啊有木有大神會的看我下方截圖3. python - scrapy url去重4. 關(guān)于mysql聯(lián)合查詢一對多的顯示結(jié)果問題5. 實(shí)現(xiàn)bing搜索工具urlAPI提交6. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個(gè)坑！求助下面的存儲過程哪里錯(cuò)啦，實(shí)在是找不到哪里的問題了。7. python - Django有哪些成功項(xiàng)目？8. 小白學(xué)python的問題 關(guān)于%d和%s的區(qū)別9. MySQL主鍵沖突時(shí)的更新操作和替換操作在功能上有什么差別(如圖)10. Python從URL中提取域名
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備