vue3.x和vue2.x的主要应用区别在于setup的使用,这也是vue3.x的一个特点。所有的功能都必须通过vuehooks来引入和使用,因为setupsyntaxsugar环境不支持这个。这种开发方式有点返璞归真的感觉。对小项目好,但是如果页面模块功能比较复杂,如果全部堆在一个文件里,不仅会造成可读性差,而且耗时长,时间久了也难维护,所以需要根据功能进行拆分。方法和vue2一样。Add/edit、configure、log、public操作都写到组件中,然后引入使用。组件拆分是减少页面代码量的主要解决方案,也是vuePS推荐的方法:组件拆分的方向,一种是Public组件,也可以在项目的其他模块中使用。二是页面级私有组件。2、混入场景主要针对不需要模块且应用功能过多的应用。这样,一些功能点可以混合在Split出来,导入使用,例子:mixins/instuctLog.ts:exportdefaultfunction(){consta=123functionfoo(){console.log('foo')}return{a,foo}}page:3.api放入一些api请求将页面模块放入api目录并导入使用4、Vuex按页面模块划分,将一些页面配置、枚举数据和数据变化多组件响应更新逻辑放入vuex处理更多前端知识,请关注小程序,不时会有惊喜哦!
