vue_wumReader

因为学习vue，所以试着用其来做个了小说阅读webapp，主要使用了vue2.0+vuex+vue-router等。

本项目使用了追书神器api，仅用于学习和了解。

本人只是一个初学者，有什么建议欢迎提出，让我们共同进步，如果你也刚学vue，可以了解一下，喜欢可以给star 给我个小鼓励。

运行

# 安装依赖
npm install

# 开发模式
npm run dev

页面效果展示

主页和阅读

分类和排行

收藏和删除

已完成目标

• 小说搜索
• 小说书架
• 小说排行
• 小说分类
• 小说详情
• 阅读器背景更改
• 小说换源
• 章节跳转
• 小说删除

未完成目标

• 小说书单
• 皮肤更换功能
• 书架显示模式更改
• 小说阅读位置记录(非章节)
• 排行周榜月榜

遇到的错误

• api跨域问题
  解决：使用vue-cli的话，可以在config/index,js 中找到dev里的proxyTable 写入

	'/api':{
		target:'http://api.xxxx.com',//源地址
		changeOrigin:true,//改变源
		pathRewrite:{ //路径重写
		'^/api':'http://api.xxxx.com'
		}
	} 

注意：只在开发环境下有效

• v-for中动态更改对应item的:class的真假无效
  解决：使用$set(obj,index,value)来进行变更
  
• 使用 keep-alive 时 想让指定组件保存其他组件依然重新加载
  解决：

	<keep-alive include="组件的name">xxx</keep-alive>

注意:name不是router中定义的name，而是组件内定义的name。

• 路由进出时想要做些事情怎么办
  解决：使用beforeRouteEnter和beforeRouteLeave等钩子函数进行设置
  

注意：里面必须要使用next()函数，否则不跳转路由