对于 vuejs、reactjs 这类组件化的前端框架，在设计布局的时候是先写好 html 再进行组件拆分还是边写 js 边写 html？

[broadliyn]

特别是对于类似于管理后台这些布局比较复杂的。

以前也是普通的 html ＋ css ＋ js 写惯了，突然改用 reactjs/vuejs 的开发方式一下就手足无措了。。。

[Mirachael]

肯定是先拆再写啊，只要不是太复杂，都能先拆个大概。

[broadliyn]

@mojixiang1102 意思就是说先写好局部的小组件，然后最后再用一个 layout 把各个部分组合在一起么？

[learnshare]

先完成 UI （ HTML/CSS ）部分，然后封装组件（ JS ），最后再组装，写业务逻辑。

[shui14]

为了组件而组件

[sokis]

一般的项目，组件化不用太极致。很多情况下，我们前端现在做的组件化，跟以往后端套模版类似。 都是先做好 HTML+CSS 然后再根据需求拆分。一些公用的功能性组件，可以在设计阶段，预先定义好。

[loading]

你想一次成型？

我认为用来重构最合适！

[hxsf]

个人观点：

1. 设计 /规划时，确定会多次用到的，

2. 编码 /重构阶段，多次用到的。

3. 大组件为了易于维护而拆分的。

以上情况，封装成组件。

[jiyinyiyong]

写得多了, 大体结构是知道的. 比如说 React 里哪些地方需要组件局部状态, 哪些地方组件多个地方复用, 哪里组件结构过于复杂, 这些都是提前能知道的, 直接拆分到独立的组件. Vue 可能不大一样, 双向绑定对组件的独立性倒是不那么强调. 不过再有经验也很难在代码写出来之前能在脑子里全脑补出来, 总是会发现需要拆.