摘要：
子路由配置 创建singer-detail.vue组件 <template> <div class="singer-detail"></div> </template> <script> export default { name: 'singer-detail', }; </script> <st 阅读全文
摘要：
歌手列表数据获取 歌手列表数据接口依旧使用前面的API，使用axios获取歌手列表数据 singer.js: import axios from 'axios'; export function getSingerList() { return axios.get('/api/getSingerLi 阅读全文
摘要：
scroll组件 制作scroll 组件，然后嵌套一个 DOM 节点，使得该节点就能够滚动。该组件中需要引入 BetterScroll 插件。 scroll.vue: <template> <div ref="wrapper"> <slot></slot> </div> </template> <s 阅读全文
摘要：
数据抓取 在推荐页会展示轮播图，以及热门歌单列表，这些数据都来自QQ音乐的真实数据。在项目过程中发现一些接口失效，可以从QQ音乐API koa2版本获取最新的API。 在本地进行请求： 在vue.config.js中添加： devServer: { hot: true, proxy: { '/api 阅读全文
摘要：
页面骨架 页面的骨架分为三块区域: header(头部标题)、tab(切换按钮)、router-view(路由切换的容器) 在app.vue中： <template> <div id="app"> <m-header></m-header> <tab></tab> <router-view></ro 阅读全文
摘要：
项目学习视频 Vue 2.0 高级实战-开发移动端音乐WebApp (可点击进行观看) 检查环境 在搭建之前检查一下vue-cli的版本（vue --version）和node是否安装（node --version) 使用vue-cli脚手架搭建 输入命令：vue create music 选择Ma 阅读全文
摘要：
在项目学习中所遇到的知识点总结 使用到的一系列Git指令 查看git状态：git status 提交项目到git上： git add . 将项目添加到缓存 git commit -m 'xxxx' 将暂存区内容添加到本地仓库 git push 将本地分支的更新,推送到远程主机 分支的创建/切换/合并 阅读全文
摘要：
项目前期准备 安装Node.js 安装vue-cli 脚手架构建工具 使用vue-cli脚手架创建工程 vue-cli创建的项目目录结构 了解多页应用与单页应用 多页应用 多页应用由多个完整页面构成，每次页面跳转，后台都会返回一个新的HTML文档。 页面切换慢是因为每一次切换页面都需要发起一个HTT 阅读全文
摘要：
以下代码是实现点击按钮使文字渐隐渐现的隐藏和显示的功能： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中的进场和出场过渡</title> <script src="./vue.js"></script> <style> 阅读全文
摘要：
有这样一个代码需求：实现一个点击按钮，然后在列表中添加并显示内容 <div id="root"> <div v-for="(item,index) of list" :key="item.id"> {{item.title}} </div> <button @click="handleBtnClic 阅读全文