+
95
-

vue的slot有啥用?

vue
vue的slot有啥用?

网友回复

+
15
-

slot英文就是插槽,其实就是一个占位的,

以前我们写一个组件,比如child组件,组件内部代码会默认被清空

比如<child><span>hello</span></child>,在执行的时候会被child组件内的template替换掉,那么如果我想要保留怎么办呢?就可以使用slot,示例代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Slot</title>
    <style type="text/css">
        .panel{
        			width: 400px;
        			border: 1px solid #ccc;	
        		}
        		.panel>*{
        			padding: 15px;
        			border-bottom: 1px solid #ccc;
        		}
        		.footer{
        			border: none;
        		}
    </style>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>
</head>

<body>
 ...

点击查看剩余70%

我知道答案,我要回答