Vue3侧边栏封装调用

682 阅读1分钟

1、从vuex获取数据

 import {useStore} from 'vuex'  //引入
 let store=useStore()   //实例化
 let userInfo=computed(()=>{ //获取vuex数据
  return store.state.userInfo
})

2、调用封装好的组件

image.png

3、封装好的组件页面

从element-plus中复制的Menu组件 保留index为 1,1-4, 4的为一级二级的代表 image.png