Vue项目--尚品汇（静态主页及其组件的拆分）

1.主页组件拆分

1）三级联动（多个页面使用，注册为全局组件）

2）内容组件

3）热卖组件

4）猜你喜欢

5）家用电器

6）商家展示

2.三级联动全局组件设置

1）组件的书写：在Home文件夹新建TypeNav文件夹，里面放index.vue文件及其相应的图片。将写好的html和css文件夹中相应内容放入到vue组件内。

2）全局组件的注册：在入口文件main.js里面注册全局组件。使用Vue.component(给组件起名，组件--TypeNav)。

 3）全局组件的使用：直接在template中使用即可

 3.其余非全局组件分别拆分（结构、样式、图片）、引入（import）、使用（<xxx/>）