控制台报错: [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.
解决方案:创建Vue实例之前注册组件,先写 Vue.component再写new Vue
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<title>组件</title>
</head>
<body>
<div id = 'app'>
<!-- items v-for中与data里关联; v-bind:item与v-for的item关联,值item与组件props关联-->
<ul>
<mycom v-for="item in items" v-bind:item="item"></myCom>
</ul>
</div>
<script>
// 创建Vue实例之前注册组件
Vue.component("mycom",{
// item:props与template的关联
props:["item"],
template: '<li>{{item}}</li>'
});
var app = new Vue({
el:'#app',
data:{
items:['wang','ming','shuai'],
}
});
</script>
</body>
</html>```