【Vue笔记】Vue中默认插槽slot、具名插槽slot、自定义组件的v-model属性的使用

这篇文章,主要介绍Vue中默认插槽slot、具名插槽slot、自定义组件的v-model属性的使用。

目录

一、插槽slot介绍

1.1、默认插槽

1.2、具名插槽

(1)如何定义具名插槽???

(2)如何使用具名插槽???

(3)具名插槽缩写

1.3、插槽默认内容

1.4、作用域插槽

二、自定义组件v-model属性(Vue2.x版本)

2.1、单个v-model属性 

2.2、多个v-model属性


一、插槽slot介绍

上一篇文章介绍了Vue中组件的知识(Vue组件介绍),父子组件之间可以传递数据,那能不能传递HTML代码段呢???答案是:可以的。这里介绍的插槽slot就是用于向子组件中传递HTML代码段的,slot就相当于是一个占位符,它在子组件中使用标签定义,使用的时候,只需要在组件的开始标签和结束标签之间编写代码,这些代码都将被替换到子组件【slot标签】位置。

1.1、默认插槽

默认情况下,如果在子组件里面只有一个【slot】插槽标签࿰

你可能感兴趣的:(Web前端笔记,vue.js,javascript,插槽slot,具名插槽,自定义v-model属性)