<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例From菜鸟教程改编(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<runoobPart></runoobPart>
</div>
<script>
var Child = {
template: '<h1>局部自定义组件</h1>'
}
// 创建根实例
new Vue({
el: '#app',
components: {
// <runoob> 将只在父模板可用
'runoobPart': Child
}
})
</script>
</body>
</html>
我一直很难受为什么解决不了,runoobPart 一直不给替换。
解决 局部组件注册名称必须小写。