vuejs怎么设计代码结构？

Question

现在的模式是一个页面一个单页组件，但是某一页面一大了，就容易乱，变量多，函数多，指令也多，乱。难管理，怎么去设计单页组件代码结构？

Answer 1

找一些知名的开源项目做参考。
当然，一些不知名的也可以。。。

比如饿了么前端团队开源的一些项目 https://github.com/ElemeFE
等等等

GitHub 有很多用途的...

Answer 2

要注重组件的复用，没有那么多要重新写的组件，无外乎列表、表格、卡片、导航、表单、弹窗，可以写一些公共组件。

Answer 3

业务本身需要就算你不写html，文件同样会庞大，具体还得对业务进行抽象，拆分模块，最后组合。这并不关乎vue单文件问题。
像饿了么提供的表单组件，如果把表单直接直接写到单文件内，一个表单就会有大量的html代码，以及大量的变量。我会把表单封装为一个组件，表单数据使用json文件存储，在要用到的页面使用封装的表单组件，json文件直接通过参数传到组件，组件内一个循环完事。最后通过submit事件获取数据就OK了。至于组件你想怎么封装，提供什么功能都是你自己定的，虽然最后结果一样，但是对于维护代码我觉得有明显好处的。