yqy-teacher-info的数据传进来

src/components/business/yqy-home-header.vue

+<template>
+  <div class="hello">
+    <div class="header">
+      <div class="search">
+        <input type="search" class="input" v-model="message" placeholder="请输入课程名称"/>
+        <img class="searchImg" src="../../images/Shape@2x.png">
+      </div>
+      <div class="white gxy">高血压</div>
+      <div>
+        <span class="white fs30 gxyStudy">287,387人学习</span>
+        <span class="white fs30">327,387人关注</span>
+      </div>
+      <Banner/>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'header',
+  components: {
+  },
+  watch: {
+    message(val){
+      console.log('val',val);
+    }
+  },
+  data () {
+    return {
+      message: ''
+    }
+  },
+  mounted(){
+  },
+  methods: {
+  }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+<style lang="scss" scoped>
+@import '../../style/mixin.scss';
+@import '../../style/global.scss';
+html,body{
+  width: 750px;
+  height: 100%;
+  background-color: #F8F8F8;
+}
+.white{
+  color: #fff;
+}
+.fs30{
+  font-size: 30px;
+}
+.gxyStudy{
+  margin-right: 38px;
+}
+.gxy{
+  font-size: 50px;
+  margin: 50px 0 22px 0;
+}
+.header{
+  width: 100%;
+  height: 416px;
+  background-image: url('http://pica-pro.oss-cn-shanghai.aliyuncs.com/teach/bg.png');
+  padding-top: 40px;
+}
+.search{
+  width: 580px;
+  height: 60px;
+  border-radius: 38px;
+  background-color: #fff;
+  margin: 0 auto;
+}
+.input{
+  outline: none;
+  border: none;
+  float: left;
+  font-size: 26px;
+  margin: 12px 0 12px 30px;
+  line-height: 36px;
+  width: 80%;
+}
+.searchImg{
+  width: 32px;
+  height: 32px;
+  margin: 16px 36px 16px 0;
+  float: right;
+}
+.hotTag{
+  width: 100%;
+  height: 300px;
+}
+.hotTagTitle{
+  font-size: 36px;
+  padding: 147px 30px;
+  float: left;
+  background-color: #fff;
+}
+.cource{
+  width: 100%;
+  height: 700px;
+}
+.fontTitle{
+  font-size: 36px;
+  padding: 0 0 42px 30px;
+  float: left;
+  width: 100%;
+  text-align: left;
+}
+.title{
+  font-size: 32px;
+}
+.courceLeft{
+  float: left;
+  padding-left: 30px;
+}
+.needLeft{
+  float: left;
+  padding: 0 0 80px 30px;
+}
+.courceTime{
+  float: left;
+}
+.courceImg{
+  width: 340px;
+  height: 192px;
+  margin-bottom: 20px;
+}
+.courceMore{
+  font-size: 30px;
+  color: #999999;
+}
+.need{
+  width: 100%;
+  height: 650px;
+  margin-top: 70px;
+}
+</style>

src/components/business/yqy-teacher-info.vue

@@ -2,19 +2,19 @@
   <div class="hello">
     <div class="banner">
       <img class="bannerLogo" src="../../images/Shape@2x.png"/>
-      <div class="fs28 center infoName">蒋立新</div>
+      <div class="fs28 center infoName">{{resourceData.name}}</div>
       <div class="fs28 line center">
-        <span class="gray">阜外医院</span>
-        <span class="gray">教授</span>
-        <span class="gray">主任医师</span>>
+        <span class="gray">{{resourceData.hospital}}</span>
+        <span class="gray">{{resourceData.rank}}</span>
+        <span class="gray">{{resourceData.type}}</span>>
       </div>
       <div class="studyCount">
         <div class="fs28">
-          <div class="fs28">8969</div>
+          <div class="fs28">{{resourceData.studyCount}}</div>
           <div class="fs24 gray">学习人数</div>
         </div>
         <div class="fs28">
-          <div class="fs28">8969</div>
+          <div class="fs28">{{resourceData.follower}}</div>
           <div class="fs24 gray">关注人数</div>
         </div>
       </div>
@@ -27,6 +27,21 @@ export default {
   name: 'banner',
   watch: {
   },
+  props: {
+      resourceData: {
+          type: Object,
+          default:()=>{
+              return {
+                name: '蒋立新',
+                hospital: '阜外医院',
+                rank: '教授',
+                type: '主任医师',
+                studyCount: 8969,
+                follower: 8969
+              }
+          }
+      }
+  },
   data () {
     return {
     }

src/views/home/home.vue

@@ -19,6 +19,7 @@
             <YqyHotTeacher/>
             <YqyTeacherList/>
             <YqyTeacherInfo/>
+            <!-- <YqyHomeHeader/> -->
         </section>
         <section class="home-bottom">
             <!-- <yqyTest/> -->
@@ -33,6 +34,7 @@ import YqyHotLabel from '../../components/business/yqy-hot-label';
 import YqyHotTeacher from '../../components/business/yqy-hot-teacher';
 import YqyTeacherList from '../../components/business/yqy-teacher-list';
 import YqyTeacherInfo from '../../components/business/yqy-teacher-info';
+import YqyHomeHeader from '../../components/business/yqy-home-header';
 export default {
     data(){
         return {
@@ -45,7 +47,8 @@ export default {
         YqyHotLabel,
         YqyHotTeacher,
         YqyTeacherList,
-        YqyTeacherInfo
+        YqyTeacherInfo,
+        YqyHomeHeader
     },
 	mounted(){
         this.init()