插槽slot：直接插入组件中，slot中的变量只和父元素有关
<body> <div id="app"> <!-- slot里的内容变量只跟父元素有关 --> <msg-com><p>前方有坑</p></msg-com> </div> <script type="text/javascript"> Vue.component(‘msg-com‘,{ props:[‘message‘], template:` <div class="alert"> <h1>温馨提示：</h1> <slot></slot> </div>` }) var app=new Vue({ el:"#app" }) </script> </body>
原文：https://www.cnblogs.com/by-young/p/13033990.html