關於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