โครงสร้างแอป Vue

ในการจัดโครงสร้างแอปพลิเคชัน vuejs ของคุณ สิ่งนี้จะมีประโยชน์

app/
   moduleA/
      components/
      index.js
      routes.js
   moduleB/
      components/
      index.js
      routes.js
   index.js
   routers.js
   main.vue
   router/
   components/ -> shared
   main.js

// app/routes.js
import { routes as moduleA } from './moduleA'
import { routes as moduleB } from './moduleB'
export default [ ...moduleA, ...moduleB ]

// app/moduleA/index.js
export { default as routes } from './routes'

// app/moduleB/index.js
export { default as routes } from './routes'

// app/index.js
export { default as routes } from './routes

'

เกี่ยวกับคำถามที่สอง ฉันได้ค้นคว้าข้อมูลบางอย่าง และนั่นคือสิ่งที่ฉันแนะนำ:

.
├── app.css
├── App.vue
├── assets
│   └── ...
├── components
│   └── ...
├── main.js
├── mixins
│   └── ...
├── router
│   └── index.js
├── store
│   ├── index.js
│   ├── modules
│   │   └── ...
│   └── mutation-types.js
├── translations
│   └── index.js
├── utils
│   └── ...
└── views
    └── ...

อ่านเพิ่มเติมที่นี่: https://medium.com/@sandoche/how-to-structure-a-vue-js-project-eabe75161882

ฉันขอแนะนำ boilerplate นี้ได้เลย มีโครงสร้างที่ดีมากและตอนนี้ผมใช้มันในทุกโครงการ

/components
/layouts
/mixins
/pages
/routes
/services
/store
/transformers

เขายังอธิบายโครงสร้างได้ดีมาก https://github.com/petervmeijgaard/vue-2.0-boilerplate#structure