see such an example of parent-child component communication on the Internet. Here is a local component whose id is name. There is no parent component. Is this < users: age= "content" > < / users > the parent component? Isn"t the sentence "users":user " essentially a local component? why is it a parent-child component? What is the definition of parent and child components? The novice asks the great god for an analysis. Thank you
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.content{width: 200px;height: 200px;border: 1px solid black;}
</style>
<script src="vue.js"></script>
<script src="svg/iconfont.js"></script>
<style type="text/css">
.name{color: red}
</style>
<script type="text/javascript">
window.onload=function(){
var user={
template:"-sharpname",
props:["age"],
}
new Vue({
el:"-sharpapp",
data:{
content:222
},
components:{
"users":user
},
})
}
</script>
</head>
<body>
<template id="name">
<div>
<span class="name">{{age}}</span>
</div>
</template>
<div id="app">
<users :age="content"></users>
</div>
</body>
</html>