vuejs zeigt den Wert innerhalb von {{ }} nicht an, der Text wird unverändert angezeigt
P粉797004644
P粉797004644 2023-08-30 13:36:59
0
1
566
<p>Ich habe ein VueJS-Programm entwickelt und den Befehl <code>npxserve</code> ausgeführt. Ich gehe in dieses Verzeichnis und führe npxserve aus. Ich durchsuche <code>http://localhost:300/myvuefile.html</code> und erhalte nur die folgende Ausgabe. {{count}} innerhalb der Schaltfläche. Mein Code: </p> <pre class="brush:php;toolbar:false;"><script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ; <div id="app"> <button @click="count++">{{ count }}</button> </div> <script> {createApp} aus 'vue' importieren const app = createApp({ Daten() { zurückkehren { Anzahl: 0 } } }) app.mount('#app') </script></pre> <p>Ich muss den Wert der Zählung erhalten und beim Klicken sollte die Zählung erhöht werden. Stattdessen erhalte ich nur {{count}} als Ausgabe. Bitte helfen Sie, dieses Problem zu lösen. </p>
P粉797004644
P粉797004644

Antworte allen(1)
P粉639667504

根据文档- p>

所以,要么像这样使用-

const app = Vue.createApp({
  data() {
    return {
      count: 0
    }
  }
})

app.mount('#app')
<div id="app">
  <button @click="count++">{{ count }}</button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
Beliebte Tutorials
Mehr>
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!