Ошибка: Uncaught ReferenceError: Vue не определен - PullRequest
0 голосов
/ 04 октября 2019

Я пытаюсь создать это простое приложение, но всегда получаю эту ошибку

Uncaught 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 голосов
/ 04 октября 2019

Этот синтаксис с шаблонами и v-btn означает, что вы хотите использовать файл vue. Если это так, вы должны использовать что-то для интерпретации этих файлов ( vue-cli ).

0 голосов
/ 04 октября 2019

Замените тег 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, чтобы показать, что он работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...