首页 > JavaScript > 文章正文

基于vue的手机阅读小说类webapp

更新时间:2018-03-12

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

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

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

代码地址

已完成目标

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

未完成目标

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

遇到的错误

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

原文链接:https://segmentfault.com/a/1190000013658411

相关文章
相关标签