路飞项目前端主页搭建

前端主页

图片准备

首先把主页需要到图片资源放到项目的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模块添加组件:书写方式如图


本文题目:路飞项目前端主页搭建
本文URL:http://scyanting.com/article/dsogdgh.html