vue-music 關於Search（搜索頁面）-- 搜索歷史
中共享數據之前需要存到本地緩存 Localstorage 中，在本地存儲 中判斷如果當期歷史搜索數據 ...
原文：vue-music 關於搜索歷史本地存儲
搜索歷史 搜索過的關鍵詞 保存在本地存儲 localstorage 中，同時多個組件共享搜索歷史數據，將數據存到vuex 中，初始值從本地緩存中取得對應key 的值，沒有數據默認為空數組 點擊搜索關鍵詞列表值的時候觸發將關鍵詞寫入vuex 中，搜索結果列表suggest 組件向外派發事件，在需要渲染搜索歷史列表的組件接受派發的事件提交actions 保存結果 封裝actions 方法saveSea ...
2017-12-05 16:09 0 1370 推薦指數：
相關推薦
vue-music 關於Search（搜索頁面）-- 搜索結果優化
搜索結果 列表點擊跳轉到相應的歌手詳情頁或者 歌曲頁面，通過子路由跳轉，和singer 組件一樣 在suggest.vue 組件判斷如果點擊的是歌手，則new 一個歌手對象，通過這個對象的id 屬性值傳遞給路由的參數，通過vuex 傳遞歌手數據 歌曲點擊的邏輯和之前選擇歌手點擊 ...
vue-music 關於Search（搜索頁面）-- 搜索結果優化
搜索結果 列表點擊跳轉到相應的歌手詳情頁或者 歌曲頁面，通過子路由跳轉，和singer 組件一樣 在suggest.vue 組件判斷如果點擊的是歌手，則new 一個歌手對象，通過這個對象的id 屬性值傳遞給路由的參數，通過vuex 傳遞歌手數據 歌曲點擊的邏輯和之前選擇歌手點擊 ...
vue-music 關於Search（搜索頁面）--上拉加載
建立搜索框組件頁面，searchBox，組件接受一個可以自定義傳入的placeholder 屬性。input v-model 雙向綁定數據關聯到query 中， 在created中監聽 query 變量將改變的新值派發給外部父組件，在search.vue 組件中將其引入 ...
vue-搜索頁-搜索歷史本地存儲-good-storage
1、存儲搜索歷史記錄時使用good-storage 插件直接存數組，因為原生的localstorage api 需要將數組轉換為字符串存儲 參考文檔https://github.com/ustbhuangyi/storage a.安裝 npm install good-storage b. ...
vue-music 關於Player （播放器組件）--播放模式
播放器播放模式有三種，順序播放，單曲循環，隨機播放，定義在vuex 中的字段為 mode。點擊切換播放模式的圖標。切換模式判斷是否為隨機播放，如果是隨機播放模式，則取得sequenceList 列表數 ...
【音樂App】—— Vue-music 項目學習筆記：項目准備
前言： 學習慕課網Vue高級實戰課程后，在實踐中總結一些這個項目帶給自己的收獲，希望可以再次鞏固關於Vue開發的知識。這一篇主要梳理：項目概況、項目准備、頁面骨架搭建。項目github地址：https://github.com/66Web/ljq_vue_music，歡迎Star ...
vue-music 關於Player （播放器組件）--播放和進度條
迷你播放器 1.播放器組件會在各個頁面的情況下會打開。 首先在vuex state.js 中定義全局的播放器狀態 2.進入播放器頁面時獲取播放列表數據，改變播放狀態 在music-list列表中打開 在song-list 組件中派發事件到父組件，傳入當前歌曲 ...