文章詳情頁
javascript - 頁面一直顯示{{ message }}
瀏覽：58日期：2023-02-23 15:02:39
問題描述
按照官網的教程，引入<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!’} })
標簽：
JavaScript
相關文章：
1. 在應用配置文件 app.php 中找不到’route_check_cache’配置項2. html按鍵開關如何提交我想需要的值到數據庫3. gvim - 誰有vim里CSS的Indent文件, 能縮進@media里面的4. Android中能不能判斷一個數據庫是create來的，還是open來的？5. HTML 5輸入框只能輸入漢字、字母、數字、標點符號？正則如何寫？6. javascript - 請教如何獲取百度貼吧新增的兩個加密參數7. 跟著課件一模一樣的操作使用tp6,出現了錯誤8. PHP類屬性聲明？9. javascript - 求助canvas繪制馬賽克的問題，老是取色不準10. html - 微信瀏覽器h5<video>標簽問題
排行榜
網公網安備