框架学习【VUE】-组件与调用者之间的交互 - 东南西北

东南西北

整理 思考 行动

框架学习【VUE】-组件与调用者之间的交互

首页 编程 0 评

VUE中组件与调用者之间的交互

props-events.png

调用者传递数据给组件是通过props的方式,组件通知调用者是通过emit的方式。

具体例子

比如xb是我的一个按钮组件,调用代码如下:

<xb sayf="say xb" @my-event="getEvent"></xb>

其中sayf="say xb",意思就是向xb组件中传入sayf参数。

xb组件中需要定义props,具体代码如下: ```html ``` 在say方法中,我们将通过this.sayf调用调用者传过来的值say xb,不过在此之间我们想通知调用者我们已经接收到了,可以用: ```html this.$emit('my-event',this.my); ``` 这就解释了为什么调用者在组件调用时,要加入“@my-event="getEvent"”代码。这样整个交互过程完毕。

特性学习【es6】-10个最佳ES6特性