/vue-wumReader

有关阅读类的appweb应用

Primary LanguageVue

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()函数,否则不跳转路由