简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript – Die Seite zeigt immer {{ message }} an
巴扎黑
巴扎黑 2017-07-05 11:01:44
0
3
956

Folgen Sie dem Tutorial auf der offiziellen Website, führen Sie <script src="https://unpkg.com/vue/dist/vu... ein und kopieren Sie dann den Code von der offiziellen Website direkt auf den lokalen Computer, wie unten gezeigt

Warum wird es immer auf der Webseite angezeigt? Was ist mit {{message}}?

Angehängter Code: 

<!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>
巴扎黑
巴扎黑

Antworte allen(3)
曾经蜡笔没有小新
曾经蜡笔没有小新2017-07-05 11:03:44 3 Etage

你没发现第一个script少了个引号吗？？

Wie +0
Antwort hinzufügen
刘奇
刘奇2017-07-05 11:03:44 2 Etage

el: 'app' 改为 el: '#app'

Wie +0
Antwort hinzufügen
世界只因有你
世界只因有你2017-07-05 11:03:44 1 Etage

Vue 的 el 属性是一个 CSS 选择器，而不是一个 id 名称，如下：

    var app = new Vue({
        // 修改目标元素为 #app 这一 CSS 选择器
        el: '#app',
        data: {
          message: 'Hello Vue!'
        }
    })
Wie +0
Antwort hinzufügen
Beliebte Themen
Mehr>
Populäre Artikel
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！