Vue.js组件传值

子组件向父组件传值

在子组件页面触发事件$emit



//通过button按钮的点击事件,将控件中输入的值绑定到returnMsg上
//this.$emit("sendMsg",this.returnMsg);sendMsg是父组件需要的方法名,this.returnMsg是传递的值

在父组件中在组件标签中调用v-on事件监听



父组件向子组件传值

//PartView1 表示子组件
//new_name是子组件中用来接受父组件传值的参数名
data() { return { name:'hello',//给name赋值为hello } },

在子组件中接受传来的参数

props: {
  new_name:'',
},

你可能感兴趣的:(Vue.js组件传值)