一个系统打开新标签页怎么调用另一个标签页的方法

Question

vue做的一个系统通过 a 打开的新页面 怎么调用其他标签页的方法？
比如 原始标签A 里面有个 loadData 的方法
在新打开的B标签 怎么调用 A标签的loadData 方法

Answer 1

两个页面是同源的吗？如果是的话可以在A标签里监听storage事件，然后B标签里改变localStorage

A页面：

<script>
  export default {
    created () {
      window.addEventListener('storage', () => {
        this.loadData()
      })
    },
    methods: {
      loadData () {
        // ...
      }
    }
  }
</script>

B页面：

<script>
  export default {
    created () {
      window.localStorage.test = 1
    }
  }
</script>

Answer 2

可以把loadData写成公共方法呀，所有界面都可以import使用。