首页 > 其他 > 详细

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

时间:2017-11-17 19:41:19      阅读:531      评论:0      收藏:0      [点我收藏+]

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>

 

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

原文:http://www.cnblogs.com/2026tu/p/7852865.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!