最近公司要重写运营管理系统,不想再维护之前的backbone了,赶紧要求前端整个重写。重开新坑,用了两周多撸出了第一版,收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来,也算前端梳理一下思路。
相关博客:
- Vue全家桶实践(一)—vue-cli
- Vue全家桶实践(二)—iView
- Vue全家桶实践(三)—axios
- Vue全家桶实践(四)—vue-router
- Vue全家桶实践(五)—渲染函数&JSX
- Vue全家桶实践(六)—自定义指令(directive)
iView
参考资料:官方文档
快速开发的时候,有现成的UI组件是很好的,很多时候产品只是做个大概底稿,业务又要求快速上线,所以在开发的时候使用iView中的各种组件,不仅能省去很多常用逻辑,还能让界面风格统一美观。
总的来说,iView的官方文档是很友好的,各种示例都很清楚。这里就不赘述了,主要列几个在使用过程中遇到的坑,还有一些常用的配置。
常用配置
整个项目中会有一写常用的组件,比如Message,Notice,LoadingBar等,这些组件在不同的界面使用,但是我们希望他们的行为保持一致,并且能自定义。这部分可以一起写在main.js文件中:
// main.js
// iView 相关的全局配置
// message 配置
iView.Message.config({
top: 50,
duration: