How fast VueJs is? and should I use rotuing to make it faster?

Hello,

I’m building a SASS application using Laravel, and recently I started to learn VueJs and integrating it into our application.

I have to admit that VueJs is the easiest JS framework I’ve ever used yet, anyway, I do have two questions that haunt me from time to time.

How fast VueJs is?
I always surround the whole HTML content with an id that VueJs has to render:

 <div id="app"> <!-- HTML content goes here. --> </div>

Since I don’t use vue-router, VueJs has to render the content on each single page view,
is this a normal way to use in a medium-sized application? Or I should go for vue-router to make it faster because vue-router does not load the entire page each time it needs to render an element.

This is how my app.js looks like:

require('./bootstrap');

window.Vue = require('vue');

import BootstrapVue from 'bootstrap-vue'
import PortalVue from 'portal-vue'
import vSelect from 'vue-select'

Vue.use(BootstrapVue)
Vue.use(PortalVue)
Vue.component('v-select', vSelect)

const files = require.context('./', true, /\.vue$/i)
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))

new Vue({
    el: '#app'
});

Vue.mixin({
    methods: {
        route: route
    }
});

How about Vue components that will be compiled and loaded on each single page view? is that a normal behavior? if not, what is the alternative?

Best,
Ahmad

Hi. You could definitely go with vue router even for smaller projects. It will definitely speed up the application switching between “pages”.