成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置：首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - 頁(yè)面一直顯示{{ message }}

瀏覽：61日期：2023-02-23 15:02:39

問(wèn)題描述

按照官網(wǎng)的教程，引入<script src='https://unpkg.com/vue/dist/vu...再直接復(fù)制官網(wǎng)的代碼到本地，如下圖javascript - 頁(yè)面一直顯示{{ message }}為什么網(wǎng)頁(yè)上一直顯示{{message}}呢？

javascript - 頁(yè)面一直顯示{{ 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>

問(wèn)題解答

回答1：

你沒(méi)發(fā)現(xiàn)第一個(gè)script少了個(gè)引號(hào)嗎？？

回答2：

el: ’app’ 改為 el: ’#app’

javascript - 頁(yè)面一直顯示{{ message }}

javascript - 頁(yè)面一直顯示{{ message }}

回答3：

Vue 的 el 屬性是一個(gè) CSS 選擇器，而不是一個(gè) id 名稱(chēng)，如下：

var app = new Vue({// 修改目標(biāo)元素為 #app 這一 CSS 選擇器el: ’#app’,data: { message: ’Hello Vue!’} })

標(biāo)簽： JavaScript
相關(guān)文章：