vue父子组件传值以及子改变父组件的方法

对于现在盛行的vue2来说，通过props传递参数是单向的：

1. 即只允许父组件传递参数到子组件，而不允许子组件传递到父组件。

 <div id="app">
        <person-message :name='name' :sex='sex'></person-message>
        </div>
    <script>
        Vue.component("person-message", {
        props: ["name", "sex"],
        template: `<div><h2>用户信息</h2> 姓名：{{name}} 性别：{{sex}} </div>`,

        });
        
        let vueApp = new Vue({
        el: "#app",
        data:{
            name:"张三",
            sex:"男"
        }
        });
        </script>

2. 在父组件参数值变了子组件也会变，但是子组件参数值变了父组件却不会变，而且在子组件去修改参数的话会被vue警告：
   
   3.如果有特殊的需求一定要通过子组件去改变父组件，可以通过$on+自定义事件去改变父组件。

来源：CSDN

作者：bigbigvier

链接：https://blog.csdn.net/organ_sweet/article/details/103869143