自定义组件

<div id="app">
         <liuxue>
             <!-- 用 key value形式传递数据 -->
             <p slot="url">{{liuxueData.url}}</p>
             <p slot="name">{{liuxueData.name}}</p>
             <p slot="skill">{{liuxueData.skill}}</p>
         </liuxue>
     </div>
     <template id="liu">
         <!-- Vue2.0规定必须用大的包个小的 -->
         <div>
             <!-- 接收数据 -->
             <p>博客地址：<slot name="url"></slot></p>
             <p>姓名：<slot name="name"></slot></p>
             <p>技能：<slot name="skill"></slot></p>
         </div>
     </template>
     <script>
         var liuxue = {
             template:'#liu'
         }
         var app =  new Vue({
             el:'#app',
             data:{
                 liuxueData:{
                     url:'snowFlakeXue.github.io',
                     name:'liuxue',
                     skill:'前端'
                   }
             },
             components:{
                 'liuxue':liuxue
               }
         })
     </script>