[Vuejs]-Vue.js is not working when its in seperate file?

If your HTML is in different file than your JS code, You have to require that in your vue instance like explained here:

component.js

module.export = {
template: require('./templates/template.html'),
data: function(){
    return {
    text: "Hello World!"
    };
}
};

template.html

<h1>{{ text }}<h1>