Vue.js组件精讲 第2章 基础：Vue.js组件的三个API：prop、event、slot
在Vue.js中，组件是构建用户界面的基本单元。组件有三个主要的API：props、events和slots。
Props：
Props是组件外部传递数据给组件内部的一种方式。
Vue.component('my-component', {
props: ['message'],
template: '<div>{{ message }}</div>'
})使用组件：
<my-component message="Hello!"></my-component>Events：
Events是子组件向父组件发送消息的一种方式。
子组件：
this.$emit('myEvent', myData)父组件：
<my-component @myEvent="handleEvent"></my-component>methods: {
handleEvent(data) {
console.log(data);
}
}
Slots：
Slots是组件内部的插槽，用于插入内容。
父组件：
<my-component>
<p>This is some content</p>
</my-component>子组件：
Vue.component('my-component', {
template: `<div><slot></slot></div>`
})以上是三个API的简单示例，它们是Vue.js组件通信的基础。
评论已关闭