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


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:


window.Vue = require('vue');

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

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'

    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?


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