slot的使用方法

时间：2019-10-22 15:53:04 收藏：0 阅读：74

插槽的使用其实是很简单，你只需明白以下两点，就很容易理解。
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