码迷,mamicode.com
首页 > 其他好文 > 详细

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

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

标签:comm   部分   turn   ima   rom   fun   vue   分享图片   methods   

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组件传值(父子组件)

标签:comm   部分   turn   ima   rom   fun   vue   分享图片   methods   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!