摘要：
安装 使用 npm: 或者 使用 bower: 或者直接使用 cdn: main.js设置如下 引入axios 挂载到vue的原型 在webpack.config.js（config—>index.js）文件里设置代理 注意 新版文件会有修改 创建实例 可以使用自定义配置新建一个 axios 实例 阅读全文
posted @ 2018-06-13 23:51
猫哥在奔跑
阅读(8792)
评论(0)
推荐(0)
摘要：
slider.vue组件的模板部分 阅读全文
posted @ 2018-06-13 23:49
猫哥在奔跑
阅读(305)
评论(0)
推荐(0)
摘要：
轮播图组件 推荐页面组件 轮播图组件 阅读全文
posted @ 2018-06-13 23:48
猫哥在奔跑
阅读(237)
评论(0)
推荐(0)
摘要：
先看一下效果图 首页 歌单详情页 歌手列表 歌手详情页 排行页面 榜单的详情页（排序样式） 搜索页面 搜索结果 播放器内核 歌词自动滚动 播放列表 用户中心 阅读全文
posted @ 2018-06-13 23:21
猫哥在奔跑
阅读(221)
评论(0)
推荐(0)
摘要：
搜索历史 搜索过的关键词 保存在本地存储 localstorage 中，同时多个组件共享搜索历史数据，将数据存到vuex 中，初始值从本地缓存中取得对应key 的值，没有数据默认为空数组 点击搜索关键词列表值的时候触发将关键词写入vuex 中，搜索结果列表suggest 组件向外派发事件，在需要渲染 阅读全文
posted @ 2018-06-13 22:23
猫哥在奔跑
阅读(291)
评论(0)
推荐(0)
摘要：
定义在项目的基础组类别的 tab组件中，定义一个tab切换数量的数组 和一个currentIndex 当前高亮索引 的props，当前高亮（active）的类等于currentIndex index 当前循环的索引值，增加点击派发事件传入index 索引参数， 调用组件的页面接受派发事件点击的ind 阅读全文
posted @ 2018-06-13 22:19
猫哥在奔跑
阅读(298)
评论(0)
推荐(0)
摘要：
建立playlist.vue 组件，在player.vue 组件中引用，点击迷你播放器的播放列表按钮由下至上弹出这个层，所以在player.vue 播放器组件中引用 在playlist.vue 组件中首先设置对外的方法可以控制该组件的显示隐藏，通过mapGetters 获取歌单数据 播放列表功能操作 阅读全文
posted @ 2018-06-13 22:16
猫哥在奔跑
阅读(302)
评论(0)
推荐(0)
摘要：
搜索历史展示每一次搜索过，并选中的关键字，保存数据到数组。搜索历史数据是需要在多个组件中共享的，所以保存在vuex 中 searchHistory 数组中，保存触发在搜索列表点击选中之后派发事件到search.vue 中，search.vue 监听事件并提交actions改变共享数组，改变vuex 阅读全文
posted @ 2018-06-13 21:59
猫哥在奔跑
阅读(337)
评论(0)
推荐(0)
摘要：
搜索结果 列表点击跳转到相应的歌手详情页或者 歌曲页面，通过子路由跳转，和singer 组件一样 在suggest.vue 组件判断如果点击的是歌手，则new 一个歌手对象，通过这个对象的id 属性值传递给路由的参数，通过vuex 传递歌手数据 歌曲点击的逻辑和之前选择歌手点击列表逻辑不同，之前是改 阅读全文
posted @ 2018-06-13 21:55
猫哥在奔跑
阅读(1210)
评论(0)
推荐(0)
摘要：
播放器播放模式有三种，顺序播放，单曲循环，随机播放，定义在vuex 中的字段为 mode。点击切换播放模式的图标。切换模式判断是否为随机播放，如果是随机播放模式，则取得sequenceList 列表数组 。 首先分清楚 sequenceList 是歌单顺序列表，显示在界面上的，playlist 是根 阅读全文
posted @ 2018-06-13 21:53
猫哥在奔跑
阅读(708)
评论(0)
推荐(0)
浙公网安备 33010602011771号