home页面创建及组件引入命名规范。

components/mobile/Home.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <h1>啊哈哈哈</h1>
+  </div>
+</template>

components/mobile/index.js

@@ -1,4 +1,5 @@
-import mobileHeader from './mobileHeader.vue'
-import mobileFooter from './mobileFooter.vue'
+import MobileHeader from './mobileHeader.vue'
+import MobileFooter from './mobileFooter.vue'
+import Home from './home.vue'
 
-export { mobileFooter, mobileHeader }
+export { MobileFooter, MobileHeader, Home }

layouts/main.vue

@@ -13,7 +13,7 @@
 <script>
   import { Header, Footer, RightBar } from '~components/default'
   import { MainHeader, MainNav } from '~components/main'
-  import { mobileHeader, mobileFooter } from '~components/mobile'
+  import { MobileHeader, MobileFooter } from '~components/mobile'
   export default {
     name: 'main',
     components: {
@@ -22,8 +22,8 @@
       RightBar,
       MainHeader,
       MainNav,
-      mobileHeader,
-      mobileFooter
+      MobileHeader,
+      MobileFooter
     },
     computed: {
       isMobile: function () {

pages/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="index">
     <div v-if="isMobile">
-
+      <Home></Home>
     </div>
     <div v-else>
       <carousel>
@@ -16,6 +16,7 @@
 </template>
 <script>
   import { KindCategory, Carousel, Advert, FloorList, Partner, News } from '~components/home'
+  import { Home } from '~components/mobile'
 
   export default {
     name: 'index',
@@ -35,7 +36,8 @@
       Advert,
       FloorList,
       Partner,
-      News
+      News,
+      Home
     },
     methods: {
       loadProductKinds (id) {