[技术博客]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
  • 比较严重的消息

意见反馈

• 评分

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

原文：https://www.cnblogs.com/yzy11235/p/12968328.html