1. 程式人生 > >關於Vue組件傳值(父子組件)

關於Vue組件傳值(父子組件)

es2017 console script ons rom ber imp 文件 gnu

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組件傳值(父子組件)