import { mapActions, mapMutations, mapGetters } from 'vuex'
computed: {
    ...mapGetters([ // 获取数据，内部为数组
        'searchHistory' // 相当于在data插入searchHistory和获取到的数据
    ])
},
methods: {
    某方法(){
      this.saveSearchHistory(传入值)
    },
    ...mapActions([ // 提交actions修改数据，内部为数组 因为actions文件已对方法进行了封装所有是数组类型
      'saveSearchHistory' // 相当于在methods绑定了事件saveSearchHistory
    ]),
    某方法() {
        this.setFullScreen(传入值)
    },
     ...mapMutations({ // 提交mutations，内部为对象
      setFullScreen: 'SET_FULL_SCREEN' // 相当于在methods绑定了事件setFullScreen
    })
}

// 路由同步加载
// import Recommend from '@/components/recommend/recommend'
// import Singer from '@/components/singer/singer'
// import Rank from '@/components/rank/rank'
// import Search from '@/components/search/search'
// import SingerDetail from '@/components/singer-detail/singer-detail'
// import Disc from '@/components/disc/disc'
// import TopList from '@/components/top-list/top-list'
// import UserCenter from '@/components/user-center/user-center'
Vue.use(Router)
// 路由懒加载
const Recommend = () => import('@/components/recommend/recommend')
const Singer = () => import('@/components/singer/singer')
const Rank = () => import('@/components/rank/rank')
const Search = () => import('@/components/search/search')
const SingerDetail = () => import('@/components/singer-detail/singer-detail')
const Disc = () => import('@/components/disc/disc')
const TopList = () => import('@/components/top-list/top-list')
const UserCenter = () => import('@/components/user-center/user-center')