在Vue前端框架中，使用模塊化開發可以更便于代碼的維護和開發。而Vue中的模塊結構主要包含三個主要文件：JS文件、模板文件和樣式文件。

-module_dir
|-module_name.js
|-module_name.html
|-module_name.css

其中，JS文件主要用于處理業務邏輯以及與后端接口的交互操作，通常以模塊名加上.js后綴命名。如下面的例子：

module_name.js
import axios from 'axios';
export default {
data() {
return {
name: ''
}
},
methods: {
async getData() {
const response = await axios.get('/api/data');
this.name = response.data.name;
}
},
created() {
this.getData();
}
}

模板文件主要用于渲染數據以及展示效果，通常以模塊名加上.html后綴命名。如下面的例子：

module_name.html

樣式文件主要用于設置模塊的樣式，通常以模塊名加上.css后綴命名。如下面的例子：

module_name.css
div {
font-size: 24px;
color: red;
}

除了以上三個主文件，如果模塊中還有一些其他輔助的文件，可以放在一個叫做assets的文件夾下。

-module_dir
|-module_name.js
|-module_name.html
|-module_name.css
|-assets
|-img.png
|-icon.svg

最后，在Vue中使用模塊要遵循一些規則，如模塊的命名要清晰簡潔，要使用ES6的模塊導入和導出，同時也要注意模塊命名的規范性和統一性，以利于代碼的維護和開發。