Vue全家桶实践（二）---iView

最近公司要重写运营管理系统，不想再维护之前的backbone了，赶紧要求前端整个重写。重开新坑，用了两周多撸出了第一版，收获很大。在实践中学习永远都是最高效的。趁热把学到的东西都记录总结下来，也算前端梳理一下思路。

相关博客：

1. Vue全家桶实践（一）—vue-cli
2. Vue全家桶实践（二）—iView
3. Vue全家桶实践（三）—axios
4. Vue全家桶实践（四）—vue-router
5. Vue全家桶实践（五）—渲染函数&JSX
6. Vue全家桶实践（六）—自定义指令（directive）

iView

参考资料：官方文档

快速开发的时候，有现成的UI组件是很好的，很多时候产品只是做个大概底稿，业务又要求快速上线，所以在开发的时候使用iView中的各种组件，不仅能省去很多常用逻辑，还能让界面风格统一美观。

总的来说，iView的官方文档是很友好的，各种示例都很清楚。这里就不赘述了，主要列几个在使用过程中遇到的坑，还有一些常用的配置。

常用配置

整个项目中会有一写常用的组件，比如Message，Notice，LoadingBar等，这些组件在不同的界面使用，但是我们希望他们的行为保持一致，并且能自定义。这部分可以一起写在main.js文件中：

// main.js
// iView 相关的全局配置
// message 配置
iView.Message.config({
  top: 50,
  duration: 1.5
})
// notice 配置