现在的模式是一个页面一个单页组件，但是某一页面一大了，就容易乱，变量多，函数多，指令也多，乱。难管理，怎么去设计单页组件代码结构？
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
583
收藏
要注重组件的复用，没有那么多要重新写的组件，无外乎列表、表格、卡片、导航、表单、弹窗，可以写一些公共组件。
业务本身需要就算你不写html，文件同样会庞大，具体还得对业务进行抽象，拆分模块，最后组合。这并不关乎vue单文件问题。
像饿了么提供的表单组件，如果把表单直接直接写到单文件内，一个表单就会有大量的html代码，以及大量的变量。我会把表单封装为一个组件，表单数据使用json文件存储，在要用到的页面使用封装的表单组件，json文件直接通过参数传到组件，组件内一个循环完事。最后通过submit事件获取数据就OK了。至于组件你想怎么封装，提供什么功能都是你自己定的，虽然最后结果一样，但是对于维护代码我觉得有明显好处的。