美食杰项目首页--部分功能代码以及简介

介绍：美食杰首页

       这个是轮播图效果：利用了element ui框架搭建的html、css样式，然后再通过vue指令和data存储数据和methods方法在操作data里面的数据来完成数据交互继而渲染到页面上就如下图。

这个是内容精选页效果：也是利用了element ui框架搭建的html、css样式

过程：

        引用了element ui框架搭建的轮播图框架，利用数据交互完成效果。

        先安装element ui，再main.js里面引入element ui

import elementUi from 'element-ui'
import  'element-ui/lib/theme-chalk/index.css'
Vue.use(elementUi)

这是html结构

这是css样式：