![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vuejs
八点博客(钏)
专注分享技术交流
展开
-
vue.js使用(一):vue-cli的安装
1、安装node.js(现在流行安装方式,必会) 2、打开命令行工具:>cnpm install -g vue-cli由于npm速度较慢,因此采用淘宝镜像cnpm安装,可以提高安装速度。3、安装成功后,查看vue版本。>vue -v4、创建项目。>vue init webpack sell5、进入到sell文件夹。>cd sell6、安装依赖包。>cnpm install7、启动项目。>cnpm原创 2017-08-13 22:46:50 · 387 阅读 · 0 评论 -
vuejs开发音乐播放器(一):歌手页面
1、首先看先要实现的功能和界面。2、具体有如下3个。(1)歌手列表:用vuejs中的使用QQ音乐接口,抓取列表,并用better-scroll实现滚动。首先我们去qq音乐官网抓包,使用ajax、jsonp获取接口数据。定义好请求参数和头部。获取到数据后,经过_normalizeSinger函数将Fsinger_mid将歌手名字按英文字母正序排序后输出到新的数组 (2)滚动时固定标题栏:通过sing原创 2017-10-09 16:58:13 · 2607 阅读 · 0 评论 -
使用vuejs实现简单的图书增加删除功能
概要:1、实现删除功能。2、实现增加功能。代码:css table,td{ border: 1px solid #ccc; border-collapse: collapse; } table,fieldset{ width: 1090px; margin:20px auto; text-align: center; }h原创 2017-09-30 20:57:39 · 2458 阅读 · 0 评论 -
vuejs开发音乐播放器(二):从歌手页面到歌手详情页面的子路由跳转
1、先引入singer_detail.vue文件,再配置子路由router/index.js//import the singer_detail.vueimport SingerDetail from 'components/singer-detail/singer-detail'//set the route export default new Router({ routes: [原创 2017-10-09 20:33:47 · 1389 阅读 · 3 评论 -
vuejs开发音乐播放器(二):单歌手歌单列表界面
1、首先看先要实现的功能和界面2、具体分析(1)返回按钮,可以在其元素上面绑定click事件back函数,在methods中定义back函数。即可实现后退功能<div class="back" @click="back"> <i class="icon-back"></i></div>methods: { back() { this.$router.back()原创 2017-10-13 22:12:05 · 2155 阅读 · 0 评论