我正在尝试构建这个简单的应用程序,但是我总是会收到此错误
未捕获的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>
答案 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)。