diff --git a/src/components/st.vue b/src/components/st.vue
index 0450cc5..fca97cd 100644
--- a/src/components/st.vue
+++ b/src/components/st.vue
@@ -2,12 +2,29 @@
 <div>
  <div>
       <p>{{name}}</p>
+      <div style="background-color:#f00">这谁div
+          <!-- A -->
+          <slot name="A" v-bind:list="list" v-bind:aaa="456789"></slot>
+
+      </div>
+      <div style="background-color:#0f0">这谁div
+          <!-- B -->
+          <slot name="B" v-bind:list="list" v-bind:aaa="456789"></slot>
+
+      </div>
+      <!-- 只有默认插槽可以 -->
+      <div style="background-color:#00f">这谁div
+          <!-- A -->
+          <slot v-bind:list="list" v-bind:aaa="456789"></slot>
+
+      </div>
      <button @click="fangfa">输出</button>
     </div>
 </div>
 </template>
 <script>
 export default{
+
      beforeCreate(){
         console.log("组建这是第一个")
     },
@@ -27,9 +44,10 @@ export default{
         console.log("组建这是死透的")
     },
     data(){
-   return{
-     name:"aaa",
-   }
+        return{
+            name:"aaa",
+            list:"这是子组件的list"
+        }
 
     },
  methods:{
diff --git a/src/pages/login.vue b/src/pages/login.vue
index 8d91c95..d4744ed 100644
--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -1,33 +1,20 @@
 <template>
     <div id="lll">
-        <el-form :inline="true" :model="formInline" class="demo-form-inline">
-            <el-form-item label="审批人">
-                <el-input
-                    v-model="formInline.user"
-                    placeholder="审批人"
-                ></el-input>
-            </el-form-item>
-            <el-form-item label="活动区域">
-                <el-input
-                    v-model="formInline.pwd"
-                    placeholder="审批人"
-                ></el-input>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="onSubmit">登录</el-button>
-            </el-form-item>
-        </el-form>
-        <!-- [{name:"1232",ge:123}] -->
-        <el-table :data="tableData" style="width: 100%">
-            <el-table-column prop="id" label="ID" width="180">
-            </el-table-column>
-            <el-table-column prop="name" label="名字" width="180">
-            </el-table-column>
-            <el-table-column prop="des" label="简介"> </el-table-column>
-            <el-table-column prop="cateId" label="cateId"> </el-table-column>
-        </el-table>
-        <st id="st"></st>
-        <div id="aaa">{{aaa}}</div>
+        <st id="st">
+            <template slot-scope="ccc">
+                这是默认的{{ccc}}
+                <!-- 当前 所有绑定的方法 和数据都是当前的 -->
+            </template>
+             <template v-slot:B="aaa">
+                这是给B的{{aaa}}
+                <!-- 当前 所有绑定的方法 和数据都是当前的 -->
+            </template>
+            <template slot="A" slot-scope="aaa">
+                这是给A的{{aaa}}
+                <!-- 当前 所有绑定的方法 和数据都是当前的 -->
+            </template>
+            
+        </st>
     </div>
 </template>
 
@@ -88,6 +75,7 @@ export default {
     },
     data() {
         return {
+            name:"login",
             formInline: {
                 user: "123",
                 pwd: "321",