首页 > 其他 > 详细

slot是标签的内容扩展,也就是说你用slot就可以在自定义组件时传递给组件内容,组件接收内容并输出

时间:2017-06-06 00:45:07      阅读:1148      评论:0      收藏:0      [点我收藏+]
html
<div id="app">
        <register>
                <span slot="name">{{message.name}}</span>
                <span slot="sex">{{message.sex}}</span>
                <span slot="age">{{message.age}}</span>
        </register>    
</div>

<template id="tmp">
        <div>
             <div>姓名 : <slot name="name"></slot></div>
             <div>性别 : <slot name="sex"></slot></div>
             <div>年龄 : <slot name="age"></slot></div>
        </div>
</template>    
js
var model = {
        template:`#tmp`
    }
    // 全局
    // Vue.component(‘register‘,model)
       var vm = new Vue({
          el:"#app",
          data:{
            message:{
                name:"小智",
                sex:"男",
                age:24
            }
          }
          ,
          components:{
             "register":model
          }
       }) 

 

slot是标签的内容扩展,也就是说你用slot就可以在自定义组件时传递给组件内容,组件接收内容并输出

原文:http://www.cnblogs.com/model-zachary/p/6947671.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!