vuejs 不顯示 {{ }} 內的值，文字按原樣顯示

Question

我開發了一個vuejs程式並執行npxserve指令。我進入該目錄並運行 npxserve。我瀏覽 http://localhost:300/myvuefile.html ，只得到以下輸出。 按鈕內的 {{count}}。我的程式碼：

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> ;

<div id="app">
  <button @click="count ">{{ count }}</button>
</div>

<script>
import { createApp } from 'vue'

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

app.mount('#app')
</script>

我必須取得計數的值，並且點擊時計數應該會增加。相反，我只得到 {{count}} 的輸出。請協助解決此問題。

Answer 1

根據文件-#

所以，要嘛像這樣使用-

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>