最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

Vue 組件傳值幾種常用方法【總結(jié)】

 更新時(shí)間：2018年05月28日 16:49:52   作者：紫穎夢(mèng)憶  
本文是腳本之家小編給大家整理的vue組件傳值幾種常用方法，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

使用vue也有很多年了，一直都沒(méi)有整理一下相關(guān)知識(shí)，給大家總結(jié)下開(kāi)發(fā)過(guò)程中所遇到的一些坑，主要給大家總結(jié)一下vue組件傳值的幾種常用方法：

1、通過(guò)路由帶參數(shù)傳值

   ① A組件通過(guò)query把id傳給B組件         

this.$router.push({path:'/B',query:{id:1}})

  ② B組件接收 

this.$route.query.id

2、父組件向子組件傳值

使用props向子組件傳遞數(shù)據(jù)

子組件部分：child.vue

<template>
  <div>
    <ul>
      <li v-for='(item,index) in nameList' :key='index'>{{item.name}}</li>
    </ul>
  </div>
</template>
<script>
export default {
  props:['nameList']
}
</script>

父組件部分：

<template>
  <div>
    <div>這是父組件</div>
    <child :name-list='names'></child>  
  </div>
</template>
<script>
import child from './child.vue'
export default {
  components:{
    child
  },
  data(){
    return{
      names:[
        {name:'柯南'},
        {name:'小蘭'},
        {name:'工藤新一'}
      ]
    }
  }
}
</script>

3、子組件向父組件傳值

    子組件主要通過(guò)事件向父組件傳遞數(shù)據(jù)：

    子組件部分：

<template>
  <div>
    <ul>
      <li v-for='(item,index) in nameList' :key='index'>{{item.name}}</li>
    </ul>
    <Button @click='toParent'>點(diǎn)擊我</Button>
  </div>
</template>
<script>
export default {
  props:['nameList'],
  methods:{
    toParent(){
      this.$emit('emitData',123)
    }
  }
}
</script>

父組件部分：

<template>
  <div>
    <div>這是父組件</div>
    <child :name-list='names' @emitData='getData'></child>  
  </div>
</template>
<script>
import child from './child.vue'
export default {
  components:{
    child
  },
  data(){
    return{
      names:[
        {name:'柯南'},
        {name:'小蘭'},
        {name:'工藤新一'}
      ]
    }
  },
  methods:{
    getData(data){
      console.log(data); //123
    }
  }
}
</script>

總結(jié)

以上所述是小編給大家介紹的Vue 組件傳值幾種常用方法【總結(jié)】，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評(píng)論

北宁市| 城步| 探索| 梧州市| 鄂托克前旗| 普安县| 延津县| 晴隆县| 华阴市| 阳原县| 高淳县| 嘉鱼县| 内江市| 兴海县| 翼城县| 香港| 桐柏县| 新和县| 武胜县| 且末县| 水城县| 江达县| 延安市| 莒南县| 绥滨县| 东乡族自治县| 米易县| 汕头市| 鹤峰县| 扶余县| 黄大仙区| 清水县| 名山县| 乐陵市| 罗城| 九龙城区| 扶沟县| 娱乐| 安丘市| 南皮县| 景泰县|