欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

VUE-插槽的学习心得

程序员文章站 2022-07-07 19:55:56
vue-插槽的学习心得 一、插槽的作用 1、插槽在template属性模版之中设置,假设有个模版,可在其中设置插槽; 2、在html文档中,凡是在标签内的代码(元素、字符串),将被看做插槽的内容。...

vue-插槽的学习心得

一、插槽的作用
1、插槽在template属性模版之中设置,假设有个模版,可在其中设置插槽;
2、在html文档中,凡是在标签内的代码(元素、字符串),将被看做插槽的内容。">
">

二、具名插槽
1、 元素有一个特殊的特性:name。这个特性可以用来定义额外的插槽:

//模版

//html代码

a paragraph for the main content.

here might be a page title

and another one.

here's some contact info

html文档中的两个

将被放置在main中的slot里面,由于没有指明p的所属solt,p将会被全部归结到main中的slot中。
如果在template中给main中的solt赋予个name="main"属性,那么p将被忽略,除非将两个p放入