1、父组件传值给子组件&＃xff08;父传子&＃xff09;
我是父組件:---{{msg}}
//我是子组件
基础页面如上
1.现在我们要将vue实例中的msg传给子组件。首先&＃xff1a;父组件在引用子组件的时候&＃xff0c;可以通过v-bind&＃xff08;属性绑定&＃xff09;以属性绑定的形式&＃xff0c;将传递的数据传递到子组件内部&＃xff0c;供子组件使用。
我是父組件:---{{msg}}
基础页面如上&＃xff1a;
1.现在我们可以通过将父组件中的方法传递给子组件调用&＃xff0c;然后通过传参的形式来实现数据的传递效果&＃xff0c;也就是在子组件中创建一个按钮&＃xff0c;定义一个点击事件&＃xff0c;点击事件里用this.$emit方法触发一个自定义事件&＃xff0c;并传递一个参数。
我是父組件:---{{msg}}
我是子组件:---{{sonmsg}}
此时父组件已经拿到子组件传递的值。
京公网安备 11010802041100号