组件化
vue-组件化
vue
Publish Date:   2019-03-16
Read Count:  

组件化思想

组件化

  • 独立的

  • 可复用的

  • 整体化的

为什么要组件化

  • 实现功能模块的复用

  • 高执行效率(渲染)

  • 开发单页面复杂应用

如何拆分

  • 300行原则(组件代码尽量不超过300行)

  • 复用原则(导航栏)

  • 业务复杂性原则

组件化带来的问题

  • 组件状态管理

  • 多组件的混合使用，多页面，复杂业务(vue-router)

  • 组件间的传参，消息，事件管理(props,emit/on,bus)

赏

  Reprint please specify: 云深不知处 组件化

 Previous
vuex vuex
多个视图依赖同一状态(例：导航栏) 不同视图的行为需要变更同一状态(例：评论弹幕) Vuex 为Vue.js开发的状态管理模式 组件状态集中管理 组件状态改变遵循统一的规则 调试console.log console.error
2019-03-16 vue
vue-vuex
Next 
vue-cli vue-cli
vue-cli 创建工程的两种方法 npm install -g @vue/cli vue create vue create filename 空格 + 回车选择 http://localhost:8080 vue ui
2019-03-16 vue
vue-cli
  TOC