lb-vue

封装了项目目录结构的vue项目

目录结构

├─page1
│  │  api.js
│  │  locale.js
│  │  mock.js
│  │  page.js
│  │  page.less
│  │  page.vue
│  │  route.js
│  │  store.js
│  │
│  ├─components
│  │  └─component1
│  │      │  api.js
│  │      │  locale.js
│  │      │  mock.js
│  │      │  page.js
│  │      │  page.less
│  │      │  page.vue
│  │      │  store.js
│  │      │
│  │      └─components
│  │          └─component2     
│  │                  api.js   
│  │                  locale.js
│  │                  mock.js  
│  │                  page.js  
│  │                  page.less
│  │                  page.vue 
│  │                  store.js 
│  │
│  └─page2
│          api.js
│          locale.js
│          mock.js
│          page.js
│          page.less
│          page.vue
│          route.js
│          store.js
│
└─page3
        api.js
        locale.js
        mock.js
        page.js
        page.less
        page.vue
        route.js
        store.js

demo

import { createNamespacedHelpers } from 'vuex'
import component1 from './components/component1/page.vue'
const { mapState } = createNamespacedHelpers('pages/page1')
const _localePath = 'pages.page1.'
const _apiPath = 'pages.page1.'
export default {
  name: 'page1',
  components: {
    component1
  },
  data () {
    return {
      message: 'page1'
    }
  },
  computed: {
    ...mapState(['currentPage'])

  },
  created () {
    this.api('post').then(res => {
      console.log(res)
    })
    this.api('put').then(res => {
      console.log(res)
    })
  },
  methods: {
    t (localePath) {
      return this.$t(_localePath + localePath)
    },
    api (apiPath, data, params) {
      return this.$api(_apiPath + apiPath, data, params)
    }

  }
}