使用vue的插槽理解

使用插槽的时候其实就是引用子组件，在引用的组件中间写上你要的代码，然后在子组件的的<slot ></slot>中就包含父组件写下的代码。

父组件

import addshop from './addshop.vue' //引入子组件

//使用子组件

<addshop v-slot="obj" :pu = 'msg'>//v-slot 接受的是子组件传过来的值 ，pu是随便取的名字，用户自定义的是传给子组件的值（变量)

        <span>你是不是傻</span>

        <p>{{obj.id}}</p>//子组件传过来的obj在标签里面

    </addshop>

子组件

　　<slot :id = 'id'></slot>//传给父组件的值记得和父组件接受组件名字一致

props:['pu'],//父组件传来的值要接受

巴特西

使用vue的插槽理解

最新文章

热门文章