How to add bootstrap tooltip with VueJS

If you have issues getting bootstrap tooltip working when using VueJS here is a how to get it working.

If you have a method in VueJS that loads some data into a table how need to add VueJS’s function $nextTick when the Ajax call has finish like this

 methods: {

    /**
     * Get all todos for the table.
     */
    getTodos() {
        axios.get('fetchTodos').then(response => {
            this.todos = response.data

            // Add tooltip feature.
            this.$nextTick(function() {
                $('[data-toggle="tooltip"]').tooltip()
            })
        })
            .catch(error => {
                // Do something.
            });
    },
}

And thats all there is to it :)