我有四个部分:comments.vue、comments-list.vue、comment.vue、comment-new.vue.
comments.vue使用其他组件来显示:
-
注释列表(没有任何ajax调用)
a、 其中包含单个注释(基本上只是一个带有单个属性的模板)
发送 comments 的文本区(有ajax调用)
comments.vue具有加载分页注释的所有逻辑
所以我的问题是:责任分离好吗？
我有四个部分:comments.vue、comments-list.vue、comment.vue、comment-new.vue.
comments.vue使用其他组件来显示:
注释列表(没有任何ajax调用)
a、 其中包含单个注释(基本上只是一个带有单个属性的模板)
发送 comments 的文本区(有ajax调用)
comments.vue具有加载分页注释的所有逻辑
所以我的问题是:责任分离好吗？
你可以查Vue.js Component Style Guide
在指南中:
Vue Component Names
每个组件名称必须是:
Vue组件名称还必须是:
Why?
该名称用于传达有关组件的信息.因此，它必须简短、有意义且可发音.
How?
<!-- recommended -->
<app-header></app-header>
<user-list></user-list>
<range-slider></range-slider>
<!-- avoid -->
<btn-group></btn-group> <!-- short, but unpronounceable. use `button-group` instead -->
<ui-slider></ui-slider> <!-- all components are ui elements, so is meaningless -->
<slider></slider> <!-- not custom element spec compliant -->