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