Vue组件插槽以及vuex初识

作用域插槽

子组件插槽通过  :msgv='msg' 向scope传值 

     在vue2.6之前使用slot-scope 

     父组件使用slot-scope接收插槽传过来的值

    slot-scope的方式 可以使用template也可以直接写在元素上

     

我是插槽1--{{ scope.msgv }}

    在vue2.6之后出现了v-slot 在vue3就必须使用v-slot, v-slot只能写在template上

     

     

   

父组件向子组件传值 ,使用:list='list'的方式

     

   

  子组件通过props:['list']接收父组件传来的值

你可能感兴趣的:(Vue组件插槽以及vuex初识)