传统写法
Zova 奉行渐进式开发的理念。如果某些 Vue 组件逻辑比较简单,或者想利用旧的 Vue 组件代码,那么直接像通常一样使用 SFC 开发即可,不必引入 IOC 容器
初始化代码结构
Zova 专门提供了一个文件目录,用于集中管理传统代码。目录名称为{project}/src/legacy,如果不存在,需要先进行初始化
TIP
右键菜单 - [项目路径]: Zova Init/Legacy
VSCode 插件默认会自动创建三个目录:composables,components 和 pages,也可以根据需要自行添加其他目录
目录别名
可以通过目录别名访问 legacy 目录中的资源
| 别名 | 实际路径 |
|---|---|
| @ | src/legacy |
| @/composables | src/legacy/composables |
| @/components | src/legacy/components |
| @/pages | src/legacy/pages |