（3）快速上手Vue开发之必学知识点

Vue必学知识.png

话不多说，源码地址： https://github.com/Gitsifu/vue-learn

目录：
1.v-bind的使用
2.v-on和$emit()的使用
3.$on()和$emit()的使用

1.v-bind使用:

子组件：

父组件：

效果图：

image.png

2.v-on与$emit("eventName",...)使用

子组件：

父组件：

效果图：下载源码看效果吧。

3.$on()和$emit()的使用

效果下载源码看。

解释：

v-bind用于父组件传递数据给子组件。子组件通过props进行接收。props中的变量使用和data(){return{}}中的使用方式一样。

v-on与$emit：
v-on用于监听子组件通过执行$emit触发的事件。

$on与$emit:
$on用于监听自身组件中执行$emit触发的事件。（$on监听一般写在created生命周期函数中）