所有的 prop 都使得其父子 prop 之间形成了一个单向下行绑定:父级 prop 的更新会向下流动到子组件中,但是反过来则不行。这样是为了防止子组件意外修改父组件的值,从而造成文档数据流混乱。
在组件中修改 prop 传递过来的数据 Vue 会发出警告,所以有两种常见的用法去修改 prop 传递过来的值
export default {
props:["msg"],
data() {
return {
// 本地data中定义属性,并将 prop 作为初始值(第一种)
message:this