vue文件结构规范
陨落的半神 2019-07-10 vue规范
# 目录
│ page.vue // 页面文件
│ index.js // 页面导出文件
└─components // 页面组件文件夹
1
2
3
4
2
3
4
# page.vue
<template>
<div>page</div>
</template>
<script>
export default {
name: 'page',
components: {},
props: {},
data () {
return {
}
},
watch: {},
computed: {},
methods: {},
created () { },
mounted () { }
}
</script>
<style lang="less" scoped>
</style>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
# index.js
import page from './page.vue'
export default page
1
2
2
# components
根据页面逻辑自行处理
