vue 组件与插槽的使用

引入组件

import heads from ‘…/…/components/head.vue’

注册组件

Vue.component('heads',heads); //注册全部组件

export default {
components:{heads}  //注册局部组件
}

<heads></heads>

父组件使用

<heads>
<view slot="nr">
我是父级插槽内容
</view>
</heads>

子组件使用

<view class="head">
<view>我是子组件</view>
<slot name="nr"></slot>   //插槽的位置
</view>

• 点赞
• 收藏
• 分享
• 文章举报