Vue3中子组件向父组件传值,为什么question与title之间要加上-
时间: 2023-07-21 16:01:26 浏览: 114
在Vue3中,子组件向父组件传值可以通过事件机制实现。当子组件想要向父组件传递值时,可以使用`$emit`方法触发一个自定义事件,并将需要传递的值作为参数传递给父组件。
关于为什么在事件名称中要加上连字符`-`,这是因为在HTML中,事件名称是不区分大小写的,并且连字符是常用的分隔符。为了保持代码的一致性和可读性,建议在事件名称中使用连字符来分隔单词,以提高代码的可读性。所以在Vue3中,为了遵循这种约定,推荐在子组件向父组件传值时,在事件名称中使用连字符`-`。
例如,在子组件中可以这样触发自定义事件并传递值给父组件:
```javascript
this.$emit('my-event', value);
```
而在父组件中,可以通过监听该事件来接收传递的值:
```html
<my-component @my-event="handleEvent"></my-component>
```
```javascript
methods: {
handleEvent(value) {
// 处理接收到的值
}
}
```
通过这种方式,子组件就可以将需要传递的值通过自定义事件传递给父组件了。
阅读全文