关于Vue组件传值(父子组件)


1 父组件给子组件传值  

  1)子组件部分

 

  2)父组件部分

   
2子组件给父组件传值
  1)子组件部分
   
   2)父组件部分

   

    

  

    

    


<num @dataobj="getNum"></num> 给组件中传入自定义方法用来接收子组件中的值
<script>
import num from "../../commonts/shoppingnumber" //引入文件
export default{
    components:{
     lunbo,
     num  //注册文件
   },
    data:function(){
        return{
            num:1 //定义一个初始变量
            
        }  
    },
    methods:{   
        getNum:function(count){  //添加自定义方法接收值
           this.num=count
           console.log(this.num)
        },

    }
   
}
</script>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM