老师哪里错了
来源：1-1 组件的定义及复用性，局部组件和全局组件（1）
帅哥但自卑
2021-11-06 19:12:28
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="root"></div>
<script>
var app= Vue.createApp({
template:
`
<test>
<template v-slot:"header">
<div >header</div>
</template>
<template v-slot:"footer">
<div>footer</div>
</template>
</test>
`
});
app.component('test',{
template:
`<div>
<slot name="footer"></slot>
<div>center</div>
<slot name="header"></slot>
</div>`
})
var vm= app.mount('#root');
</script>
</body>
</html>
1回答
-
好帮手慕然然
2021-11-07
同学你好，问题如下：
以下位置处的代码中，v-slot插槽冒号后面的名称不需要放在引号中，如图
祝学习愉快！
0
相似问题