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>