Vite Cross Page Binding Demo

跨页面数据双向绑定

这个项目使用了原生JS的BroadcastChannel类，实现了同源页面的跨页面数据双向绑定。

使用方法

参见HelloWorld.vue

引入BindCast.ts：

import { bind } from './BindCast'

创建ref或reactive后传入，使用返回的代理对象。

const countBind = bind(ref(0), 'count')

运行样例

npm install
npm run dev

打开两个页面（如：http://localhost:5173/），点击count is 按钮，两个页面数据同步变换。