消息Vue未定义

时间:2018-06-08 04:05:02

标签: vue.js

我刚开始学习vue,所以我的问题可能有些愚蠢,但为什么我收到的信息" vue没有定义"?在这段代码中:

<template>
    <div id="app">
        <input></input>
        <button>{{ textoBotao }}</button>
    </div>
</template>

<script>
    new Vue({
        data: {
            a: 1
        },
        created: function () {
            console.log('a é: ' + this.a)
        }
    })
    export default ({
        data() {
            return{
                textoBotao: 'Clique aqui'

            }
        }
    })

</script>

3 个答案:

答案 0 :(得分:2)

在您的代码中,您不需要创建另一个Vue实例。我无法想象您需要在单个文件组件中创建新的Vue实例。如果需要封装某些功能,可以使用组件

如果您确实需要这样做,可以使用以下代码:

import Vue from 'vue'
new Vue({
...
})

请参阅vue的官方文档和示例项目

答案 1 :(得分:0)

旧问题,但是否有人需要

如果js文件中有新的Vue({}),并且在加载vuejs javascript文件之前先加载了该js文件,则会收到此错误。这就是我出错的原因。

基本上先添加/vue.min.js“>,然后再使用vuejs添加其他js文件

希望有帮助

答案 2 :(得分:-1)

我想您错过了添加vue.js文件,例如:

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.18/vue.min.js"></script>