javascript 前端 typescript nuxt3如何进行组件传值同步数据呢？

最近在写一个项目用到nuxt3的框架，在做面包屑时候遇到了个问题就是没办法实时更新，giao 哎呀nuxt3不跟vuecli+vue3一样把值保存在store里面监听数据变化就行了.

废话不多说，nuxt3的stare有点不同就是一定要在components文件夹里的组件才能够实时监听的到数据。 在composables文件夹中创建一个ts文件

// useMenuName可以自行定义

export const useMenuName = () => {

return useState('MenuName', () => '')// 定义个空的对象

}

在index中调用、修改

const menuStore = useMenuName()// 这样就调用成功了

console.log(menuStore)

// 修改

// 只要修改了所有components中的组件有引入useMenuName()的都会跟着自动修改的。

//建议呢建数据同步保存本地缓存，刷新的时候在通过onMounted函数中进行调用修改一次。否则你一刷新就没有了

menuStore.value = "123456"

这只是其中一种办法，其他办法也可以就是坑多

相关文章