c html间传值,父子组件之间传值.html

Document

这是子元素 --- {{ parentmsg }}

var com1 = {

template: '#tmpl',

data() {

return {

msg: '做一个孝顺的孩子，给爸爸一些钱去挥霍吧！'

}

},

props: ['parentmsg'],

methods: {

sendMsg() {

// 调用父组件传递过来的方法，同时把数据传递出去

this.$emit('func', this.msg)

}

}

}

// 创建 Vue 实例，得到 ViewModel

var vm = new Vue({

el: '#app',

data: {

msg: '这是父组件中的数据，爸爸有100块钱，my son, 你要不',

msgFormSon: ''

},

methods: {

getMsgFormSon(data) {

this.msgFormSon = data

console.log(this.msgFormSon)

}

},

components: {

com1

}

});

一键复制

编辑

Web IDE

原始数据

按行查看

历史