其他分享
首页 > 其他分享> > vue 组件之间传值(父传子,子传父)

vue 组件之间传值(父传子,子传父)

作者:互联网

1.父传子

基本就用一个方式,props

Father.vue(用v-bind(简写 : )  将父组件传的值绑定到子组件上)

<template>
   <div>
       我是爸爸:{{message}}
       <hr>
       <Son :toSonData="toSonData"></Son>
   </div>
</template>

<script>
   import Son from "./Son.vue";
   export default {
   data() {
        return {
            message : "儿子你好",
            toSonData: "苹果

标签:vue,子传父,data,Son,父传子,组件,message,toSonData
来源: https://www.cnblogs.com/anna001/p/14862100.html