錯誤：未捕獲的 ReferenceError：未定義 Vue

Question

我正在嘗試構建這個簡單的應用程序，但我總是收到此錯誤

未捕獲的 ReferenceError：未定義 Vue。

<template>
  <v-app>

  <div id="example-1">
  <v-btn v-on:click="counter += 1">Add 1</v-btn>
  <p>The button above has been clicked {{ counter }} times.</p>
</div>

  </v-app>
</template>

<script>

var example1 = new Vue({
  el: '#example-1',
  data: {
    counter: 0
  }

})

</script>

Answer 1

用div替換template標簽並至少在</body>標簽之前添加cdn ：

 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div> <v-app> <div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p> </div> </v-app> </div> <script> var example = new Vue({ el: '#example-1', data: { counter: 0 } }) </script>

我用button替換了v-btn只是為了表明它有效。

Answer 2

這種帶有“template”和“v-btn”的語法意味着你想使用一個vue文件。 如果是這種情況，您必須使用某些東西來解釋這些文件（ vue-cli ）。