错误:未捕获ReferenceError:未定义Vue

时间:2019-10-04 10:04:19

标签: javascript vue.js vuejs2 vuetify.js

我正在尝试构建这个简单的应用程序,但是我总是会收到此错误

  

未捕获的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>

2 个答案:

答案 0 :(得分:0)

template标签替换为div,并至少在cdn标签之前添加</body>

<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>

我将v-btn替换为button只是为了表明它可行。

答案 1 :(得分:0)

带有“ template”和“ v-btn”的语法表示您要使用vue文件。 在这种情况下,您必须使用一些方法来解释那些文件(vue-cli)。