父传子/子传父( 选项式和组合式)

用法完全一样

只是组合式中在选项式的基础上加多了一行

组合式

第一种:父组件向子组件通信:props属性

子组件设置props属性定义接收父组件传递过来的参数,父组件中给子组件绑定属性

第二种:子组件向父组件通信:$emit方法

子组件通过$emit触发自定义事件,$emit第一个参数为事件名称,第二个参数为传递的数值,父组件通过@绑定事件获取到子组件传递过来的参数

父传子/子传父( 选项式和组合式)_第1张图片

父传子/子传父( 选项式和组合式)_第2张图片

选项式

父传子:

父传子/子传父( 选项式和组合式)_第3张图片

父传子/子传父( 选项式和组合式)_第4张图片

子传父:

 父传子/子传父( 选项式和组合式)_第5张图片父传子/子传父( 选项式和组合式)_第6张图片

你可能感兴趣的:(vue.js,前端)