码迷,mamicode.com
首页 > Web开发 > 详细

vue.js单个slot

时间:2017-04-18 11:35:41      阅读:210      评论:0      收藏:0      [点我收藏+]

标签:开始   extend   component   显示   script   template   ext   xtend   var   

刚开始看这个slot的时候有点蒙,想了几分钟才明白过来,汗颜

 

<script>
  var mycompoent = Vue.extend({
    template:"<div><h2>子组件标题</h2><slot>如果有内容不显示这句话</slot></div>"
 
})

new Vue({

 el:"#app",
components:{
   "mycomponent":mycompoent
  }
})

</script>
<body>
  <div id="app">
        <h1>父组件标题</h1>
<mycomponent>

   <p>因为有p标签元素,所以slot里面的内容不会显示,可以试试把p标签不要试试</p>

</mycomponent>
  </div>

</body>

 

vue.js单个slot

标签:开始   extend   component   显示   script   template   ext   xtend   var   

原文地址:http://www.cnblogs.com/complete94/p/6726566.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!