插槽的使用其实是很简单，你只需明白以下两点，就很容易理解。 1.插槽是使用在子组件中的， 2.插槽的作用是将父组件中的子组件模板数据正常显示
我现在创建一个demo,结构如下：
父组件代码如下：
1 <template> 2 <div id="app"> 3 我是父组件 4 <son> 5 <p style="color:red">我是父组件插槽内容</p> 7 </son> 8 </div> 9 </template> 10 11 <script> 12 import son from "@/components/son"; 14 15 export default { 16 name: "App", 17 components: { 18 son20 } 21 }; 22 </script> 23 24 <style> 25 #app { 26 } 27 </style>
原文：https://www.cnblogs.com/andyZhang0511/p/11719964.html