Vue.js 组件通信示例
这是一个关于Vue.js组件通信的示例，包括Props和Events的使用。
// 父组件
Vue.component(‘parent-component’, {
template: `
Parent Component
`,
data() {
return {
parentMessage: ‘Hello from Parent!’
};
},
methods: {
handleNotify(message) {
alert(message);
}
},
components: {
‘child-component’: {
template: `
Child Component
{{ message }}
`,
props: [‘message’],
methods: {
notifyParent() {
this.$emit(‘notify’, ‘Hello from Child!’);
}
}
}
}
});
new Vue({
el: ‘#app’,
template: ”
});
