VueJS - 直接访问子页面

Question

我目前正在使用vue.js在网站上工作，我使用了vue-route。

有一个子路由（/ blog / post-slug）加载脚本（Prism：http://prismjs.com/）并以ready（）状态触发它：

import Prism from 'prismjs'

module.exports = {
    Route: {
        waitForData: true
    },

    data () {
        return {
            post: { }
        }
    },

    ready () {
        Prism.highlightAll()
    }
}

当我从网站内的链接到达页面时，它都很好，已加载并正常工作，结果在页面中正常。

但是如果我重新加载页面或使用外部链接的直接链接访问它，那就不好了。

这是我的路线配置，如果它有帮助：

/**
 * Router config
 */
module.exports = {

    /**
     * Config
     * @type {Object}
     */
    config: {
        hasbang: false,
        history: true,
        saveScrollPosition: true,
        linkActiveClass: 'site-menu__link--active',
        transitionOnLoad: true
    },

    /**
     * Before route starts transitioning
     * @param  {Object} options.from Route we are transitioning from
     * @param  {Object} options.to   Route we are transitioning to
     * @param  {Function} options.next     Progress to the next step of the transition
     * @param  {Function} options.abort    Cancel / Reject the transition
     * @param  {Function} options.redirect Cancel and redirect to a different route
     * @return {void}
     */
    before ({from, to, next, abort, redirect}) {
        next()
    },

    /**
     * After route has transitioned
     * @param  {Object} options.from Route we are transitioning from
     * @param  {Object} options.to   Route we are transitioning to
     * @return {void}
     */
    after ({from, to}) {
        if (typeof to.title !== 'undefined') {
            document.title = to.title
        }
    }
}

我想某些特别是在从应用程序内部加载视图时会发生某种情况，而不是直接加载，但无法找到。

我错过了什么？

提前感谢任何提示。