文章詳情頁
javascript - 頁面一直顯示{{ message }}
瀏覽：115日期：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è)引號(hào)嗎？？
回答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. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？2. 在mac下出現(xiàn)了兩個(gè)docker環(huán)境3. 利用IPMI遠(yuǎn)程安裝centos報(bào)錯(cuò)！4. spring-mvc - spring-session-redis HttpSessionListener失效5. javascript - QQ第三方登錄的問題6. 測試自動(dòng)化html元素選擇器元素ID或DataAttribute [關(guān)閉]7. javascript - node得到req不能得到boolean8. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題！！9. java - Spring boot 讀取 放在 jar 包外的，log4j 配置文件，系統(tǒng)有創(chuàng)建日志文件，不寫入日志信息。10. javascript - 在 model里定義的 引用表模型時(shí)，model為undefined。
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備