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

最新推荐文章于 2025-09-12 14:04:02 发布

weixin_34324081

最新推荐文章于 2025-09-12 14:04:02 发布

阅读量51

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

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

本文介绍Vue.js中父组件与子组件间的通信方式，包括通过属性传递数据及使用自定义事件来更新父组件的状态。

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>