组件结构化

按照一定的结构组织，使得组件便于理解。

原因

• 组件/实例选项顺序，使得属性便于查找。

  • name，components，mixins，props，data, computed, watches 和 methods

• 合理组织，使得组件易于阅读 (生命周期钩子按照被调用的顺序)。

  • beforeCreate， created ， beforeMount， mounted ，beforeUpdate， updated，activated，deactivated，beforeDestroy， destroyed

• 使用 name 属性。借助于vue devtools可以让你更方便的测试

例子

当你用vue-tools时: vue-devtools调试工具里显示的组见名称是由vue中组件name决定的 如图：