Message Vue is not defined

Question

I'm new to studying vue so my question may be kind of silly, but why am I getting the message "vue is not defined"? in this code:

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

I strongly suggest you generate your project skeleton with vue-cli. See vuejs.org/v2/guide/installation.html#CLI — Phil
– Phil, Commented Jun 8, 2018 at 5:38

Denis Tsoi · Accepted Answer · 2019-01-13 03:57:16Z

4

In your code, you don't need to create another instance of Vue. I can't imagine a situation where you need to create a new Vue instance in a single file component. Uou can use components if you need to encapsulate some functionality

If you do need to do this, you can use the following code:

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

please see vue's official documentation and sample projects

edited Jan 13, 2019 at 3:57

Denis Tsoi

10.6k8 gold badges42 silver badges61 bronze badges

answered Jun 8, 2018 at 5:28

jacky

1,4468 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kheya · Accepted Answer · 2019-01-13 03:47:13Z

1

Old question, but if someone needs it

If you have new Vue({}) in a js file and you load that js file before loading vuejs javascript file, you will get this error. This was the reason for my error.

Basically add /vue.min.js"> before you add other js files using vuejs

Hope it helps

edited Jan 13, 2019 at 3:47

answered Jan 13, 2019 at 3:28

kheya

7,62920 gold badges80 silver badges116 bronze badges

Comments

Shohidur Rahman · Accepted Answer · 2018-06-08 04:37:24Z

-1

I think You miss to add vue.js file, example:

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

answered Jun 8, 2018 at 4:37

Shohidur Rahman

6810 bronze badges

1 Comment

Phil Over a year ago

OP appears to want to use single-file components which require a build system. Also, Vue 1.0.18?

Collectives™ on Stack Overflow

Message Vue is not defined

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related