```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<style>
</style>
</head>
<body>
<div id="app">
<runbot>
<span slot="bigdata">大数据</span>
<span style="font-size:20px;color:red"slot="zhineng">人工智能</span>
</runbot>
</div>
<script>
new Vue({
el: '#app',
components: {
runbot:{
template:'<div style="background-color: skyblue;color:yellow;font-size:14px">hello!<br><slot name="bigdata"></slot><br><slot name="zhineng"></slot></div>'
}
}
})
</script>
</body>
</html>
插槽和组件配合使用,感觉神奇!