<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>slot</title>
<script src="vue.min.js"></script>
</head>
<body>
<div id="app">
<run-ob></run-ob>
<Runob></Runob>
<runOb></runOb>
<runob></runob>
</div>
<script>
//大驼峰命名发 使用时以‘-’分割
//其它使用时都小写
Vue.component('RunOb', {
template: '<h1>RunOb自定义组件run-ob</h1>'
})
Vue.component('Runob', {
template: '<h1>Runob自定义组件Runob</h1>'
})
Vue.component('runOb', {
template: '<h1>runOb自定义组件runOb</h1>'
})
Vue.component('runob', {
template: '<h1>runob自定义组件runob</h1>'
})
// 创建根实例
new Vue({
el: '#app'
})
</script>
</body>
</html>
//-------------结果---------------
//大驼峰命名发 使用时以‘-’分割
//其它使用时都小写