separating var app = new Vue({}); to another app.js

I have a lot of vue that I used for every "samples".blade.php inside Resources/asset/js/app.js.

 var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});
    var app = new Vue({});

However once i create a new ex. app1.js inside Resources/asset/js .What's inside of my new app1.js doesnt work. Even though i copy this:

require('./bootstrap');

window.Vue = require('vue');

still doesnt work.

I'm new using vue.js in laravel. I hope someone could explain to me how to proper use of vue.js. I just want to seperate this var apps. in another .js like the sample app1.js

via Chebli Mohamed