vue2引入html Mounted不触发

发布于：2025年11月13日

#具体问题

多页面应用引入了 vue.js，现在 a 页面跳转 b 页面，b 页面 history.back 后，a 页面的 Mounted 不触发

#解决方式

利用监听 pageshow 事件

js
$(
  (function (window) {
    const app = new Vue({
      el: '#app',
      data: {},
      mounted() {
        window.addEventListener('pageshow', this.foo)
      },
      beforeDestroy() {
        window.removeEventListener('pageshow', this.foo)
      },
      methods: {
        foo() {},
      },
    })
  })(window)
)

#其他

注意 vue 示例中不能使用 window，需要用 IFFE 主动传入 window 给 vue 内部使用。