转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_1.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 继续上一篇文章,这次以实际项目为主题. 我们做一个看漫画的APP,名字就叫爱柯南,但是不会只有柯南一个. 首先在components下新建main文件夹,用来存放4个主导航页. 在这个文件夹下新建4个vue文件,分别是Home.vue.News.vue.Classify…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_extra_1.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 这一篇属于后台内容,前端小伙伴可以选择阅读. 接口后面都会公开,不会后台的小伙伴可以直接调用. 首先图片存储.图片我会上传到百度的BOS里,是一个支持外链的存储空间,还提供了很多非常方便的功能,后面用到的时候会详细说. 然后数据库用mysql.上传完图片后会…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_6.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 这个页面基本上的业务功能的堆积,没必要把代码一一进行讲解,亲们可以看我提交的历史,非常简单易懂. 下面说一下其中比较重要或者难懂的地方. 一.创建插件 src/plugins/Popup.js文件 import PopupComponent from "@/compon…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_4.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 上一章我们引入了vuex,这一章我们就来用一下. 我们底部的导航在进入漫画页的时候会隐藏,退出来之后会重新显示,所以我们给它加一个参数来控制. 首先在store.js文件里加一个变量ifShowNavBar: true,然后在App.vue里引入,并给app-foote…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_2.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 首先先修正上一章的一个问题,就是footer的定位,默认是absolute,我们改成fixed. <style scoped> .main-footer { position: fixed; } </style> 然后修改App.vue,给app底部留出5…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_7.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 想来这个项目也做了一月了,期间部署了好几次,也经常在本地联调后台接口,所以服务器地址经常换来换去. 有一次部署的时候还把localhost给部署上去了,不得不部署第二次. 我们这一章就来解决这个问题,根据命令行参数,打包自动替换不同的服务器地址,不用再修改api.js了…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_5.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 我们引入vux的toast插件,为了能在任何地方使用toast(不仅仅是在组件中,比如store.js中),我们修改main.js import Vue from "vue" import App from "./App" import r…

转载请注明出处:http://www.cnblogs.com/shamoyuu/p/vue_vux_app_3.html 项目github地址:https://github.com/shamoyuu/vue-vux-iconan 这一章我们简单地介绍一下vuex,然后引入它做一个简单的功能,后面用到我们再说. 首先,vuex是什么?引用一下官方文档: “Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方…

目录 1,前言 2,已有功能 3,使用 4,目录结构 5,页面效果 登录页 首页 排行榜 歌单列表 歌单详情 歌手列表 歌手详情 MV列表 MV详情 搜索页 播放器 1,前言 项目基于Vue2全家桶及网易云音乐 Node Api实现,网站风格简约清新,体验比较流畅. 下载地址:https://github.com/pdd11997110103/web-Music 2,已有功能 网易云APP扫码登录 & 网易云账号登录 注册 音乐播放器 歌单 & 详情 歌手 & 详情 MV &…

本文转载于:https://www.jianshu.com/p/32beaca25c0d   都说Vue2简单上手容易,的确,看了官方文档确实觉得上手很快,除了ES6语法和webpack的配置让你感到陌生,重要的是思路的变换,以前用jq随便拿全局变量和修改dom的锤子不能用了,vue只用关心数据本身,不用再频繁繁琐的操作dom,注册事件.监听事件.取消事件....(确实很烦).vue的官方文档还是不错的,由浅到深,如果不使用构建工具确实用的很爽,但是这在实际项目应用中是不可能的,当用vue-cl…