vuejs は {{ }} 内の値を表示せず、テキストがそのまま表示されます
P粉797004644
2023-08-30 13:36:59
<p>vuejs プログラムを開発し、<code>npxserve</code> コマンドを実行しました。そのディレクトリに移動し、npxserve を実行します。 <code>http://localhost:300/myvuefile.html</code> を参照すると、次の出力のみが得られます。
ボタン内に {{count}} 個あります。私のコード: </p>
<pre class="brush:php;toolbar:false;"><script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ;
<div id="アプリ">
<button @click="count ">{{ count }}</button>
</div>
<スクリプト>
「vue」から { createApp } をインポートします
const app = createApp({
データ() {
戻る {
カウント: 0
}
}
})
app.mount('#app')
</script></pre>
<p>カウントの値を取得する必要があり、クリックするとカウントが増加するはずです。代わりに、出力として {{count}} のみが得られます。この問題の解決にご協力ください。 </p>
ドキュメントによると- p>
したがって、次のように -
を使用します