I'm trying to change the title and description, tweeter, fb, ig meta tags for an app in Vue JS (single page app ) I successfully got the title to change from page to page by setting it in the meta property of my router.js file. However, if the page (component) is used for something like a blog post, I need to dynamically change title tag, description, and other metatags on navigation change. So I did this. 

```
export default {
    name: "Home",
    beforeRouteEnter(to, from, next){
        to.meta.title = "FTW!";
        next();
    },
    beforeRouteUpdate(to,from,next){
        to.meta.title = "FTW!";
        next();
    }
}

```

When inspect the Vuejs tab in the chrome developer tools I see the router actually updated the title value, however is not reflected int he browser window, I'm thinking I need to trigger a refresh an event or something, but I was wondering if any of you would know how to properly do it. 

This is a simplified example,I would fetch the blog post from an API and change the meta.title based on the response.