路飞项目前端主页搭建

前端主页

图片准备

首先把主页需要到图片资源放到项目的img文件夹下

成都创新互联为企业级客户提高一站式互联网+设计服务，主要包括网站制作、成都网站制作、重庆APP开发、小程序制作、宣传片制作、LOGO设计等，帮助客户快速提升营销能力和企业形象，创新互联各部门都有经验丰富的经验，可以确保每一个作品的质量和创作周期，同时每年都有很多新员工加入，为我们带来大量新的创意。 

页头组件：components/Header.vue

页脚组件：components/Footer.vue

轮播图组件：components/Banner.vue

组件的使用

在views的.vue文件中执行以下步骤：

1.导入写好的组件：

import Header from '../components/Header' //Header是组件名，from后面是组件相对的位置
import Footer from '../components/Footer'
import Banner from '../components/Banner'

2.在components里添加组件名：

  components: {
    Header,
    Footer,
    Banner
  }

3.在template模块添加组件：书写方式如图