vue3 通过ref来实现文件与文件之间的数据互通效果(例如vue2的VueX)

记录自己刚刚发现的新知识或者正在学习的东西, 然后可能写的文章可能我对于vue的理解有些误区,只是自我翻译理解为这个意思,还望大佬不要喷我…只是自己写自己看,也万一别人不知道这个东西呢??

创建一个js文件 引入ref
import {ref} from 'vue'; 则我们可以使用vue3的ref,然后我们创建一个变量给他export出去即可
例如: export const numbers = ref(0);

然后在我们.vue的文件引入这个numbers 
例如 index.vue
import {numbers} from './index.js'

然后我们通过setup()把numbers return出去 则可以渲染我们的numbers 则多个页面引用他们可以做到数据互通的效果!!!!