[技术博客]Vue组件开发与iview常用组件使用方法

Vue特性

• 前端工程化
• 双向绑定 MVVM
• 组件化开发

架构

src
├── App.vue
├── apis
│   ├── User.js
│   └── util.js
├── assets
│   ├── HomePageLogo.png
│   └── logo.png
├── components
│   └── ErrPush.js
├── main.js
├── router
│   └── index.js
├── views
│   ├── Layout.vue
│   ├── UserLoginView.vue
│   └── UserRegisterView.vue
└── vuex
    └── index.js

前端显示页面结构

页面路由

组件及其组织

iview使用方法总结

导航栏

• 导航munu
• 图标iview-icon

<Icon type="md-map"></Icon>

• 面包屑

消息处理

• msg
  • 成功的消息
• modal
  • 比较严重的消息

意见反馈

• 评分