一、组件通信
1.1⽗组件向⼦组件传值
⽗组件向⼦组件传值时通过prop,所有的 prop 都使得其⽗⼦ prop 之间形成了⼀个单向下⾏绑定:⽗级prop 的更新会向下流动到⼦组件中,但是反过来则不⾏。这样会防⽌从⼦组件意外变更⽗级组件的状态,从⽽导致应⽤的数据流向难以理解。额外的,每次⽗级组件发⽣变更时,⼦组件中所有的 prop 都将会刷新为最新的值。这意味着不应该在⼀个⼦组件内部改变 prop。如果这样做了,Vue 会在浏览器的控制台中发出警告。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>组件间的通信之父组件-子组件</title>
<script src="../js/vue.js"></script>
</head>
<body>
<div id="root">
<parent></parent>
</div>
</body>
<script>
// 定义一个子组件
const child = Vue.extend({
template:`
<div>
<h2&g