欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue2.0父子組件間傳遞數(shù)據(jù)的方法

 更新時(shí)間：2018年08月16日 09:59:06   作者：5649498  
本文通過(guò)一個(gè)小例子給大家介紹了vue2.0父子組件間傳遞數(shù)據(jù)的方法，需要的朋友參考下吧

關(guān)于父子組件之間傳遞數(shù)據(jù)其實(shí)文檔上都說(shuō)得很明白。

 但是如果完全不懂的人做計(jì)也看不懂，下面是一個(gè)小例子，有兩個(gè)文件

1.parent.vue

<template>
 <child :child-msg="msg" @ok="event"></child>
</template>
<script>
import child from './child.vue';
export default {
 data(){
  return{
   msg:'hello worldgogo'
  }
 },
 components:{
  child
 },
 methods:{
  event(val){
    console.log(val);
  }
 }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

2.child.vue

<template>
  <p>{{childMsghello}}</p>
</template>
<script>
export default {
  props: ['childMsg'],
  data(){
    return{
      childMsghello:this.childMsg+'this is child'
    }
  },
  created(){
    //自定義事件，并且給監(jiān)聽(tīng)此事件的回調(diào)函數(shù)的值設(shè)為200
    this.$emit('ok','200');
  }
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

總結(jié)

以上所述是小編給大家介紹的vue2.0父子組件間傳遞數(shù)據(jù)的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

相關(guān)文章

  • vue實(shí)現(xiàn)微信分享鏈接添加動(dòng)態(tài)參數(shù)的方法

    vue實(shí)現(xiàn)微信分享鏈接添加動(dòng)態(tài)參數(shù)的方法

    這篇文章主要介紹了vue微信分享鏈接添加動(dòng)態(tài)參數(shù)的實(shí)現(xiàn)方法，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
    2019-04-04
  • Vue實(shí)現(xiàn)父子組件頁(yè)面刷新的幾種常用方法

    Vue實(shí)現(xiàn)父子組件頁(yè)面刷新的幾種常用方法

    很多時(shí)候我們?cè)诓僮鬟^(guò)頁(yè)面時(shí)候，特別是增刪改操作之后，數(shù)據(jù)會(huì)有所改變，本文主要介紹了Vue實(shí)現(xiàn)父子組件頁(yè)面刷新的幾種常用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-04-04
  • vue運(yùn)行報(bào)錯(cuò)cache-loader的解決步驟

    vue運(yùn)行報(bào)錯(cuò)cache-loader的解決步驟

    最近運(yùn)行vue項(xiàng)目的時(shí)候報(bào)錯(cuò)了,通過(guò)查找相關(guān)資料最終解決,下面這篇文章主要給大家介紹了關(guān)于vue運(yùn)行報(bào)錯(cuò)cache-loader的解決步驟,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2024-02-02
  • vue修改swiper框架輪播圖小圓點(diǎn)的樣式不起作用的解決

    vue修改swiper框架輪播圖小圓點(diǎn)的樣式不起作用的解決

    這篇文章主要介紹了vue修改swiper框架輪播圖小圓點(diǎn)的樣式不起作用的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-04-04
  • 在Vue3中配置TypeScript的詳細(xì)教程

    在Vue3中配置TypeScript的詳細(xì)教程

    隨著前端技術(shù)的發(fā)展,TypeScript 已經(jīng)成為了許多開(kāi)發(fā)者的首選語(yǔ)言之一,因?yàn)樗峁┝遂o態(tài)類型檢查,可以幫助開(kāi)發(fā)者在編寫代碼階段就發(fā)現(xiàn)錯(cuò)誤,本文將詳細(xì)介紹如何在 Vue 3 中配置 TypeScript,需要的朋友可以參考下
    2024-10-10
  • 關(guān)于vue-admin-element中的動(dòng)態(tài)加載路由

    關(guān)于vue-admin-element中的動(dòng)態(tài)加載路由

    這篇文章主要介紹了關(guān)于vue-admin-element的動(dòng)態(tài)加載路由，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-08-08
  • Vue項(xiàng)目中使用自定義字體樣式方式

    Vue項(xiàng)目中使用自定義字體樣式方式

    這篇文章主要介紹了Vue項(xiàng)目中使用自定義字體樣式方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
    2022-09-09
  • Vue實(shí)現(xiàn)調(diào)節(jié)窗口大小時(shí)觸發(fā)事件動(dòng)態(tài)調(diào)節(jié)更新組件尺寸的方法

    Vue實(shí)現(xiàn)調(diào)節(jié)窗口大小時(shí)觸發(fā)事件動(dòng)態(tài)調(diào)節(jié)更新組件尺寸的方法

    今天小編就為大家分享一篇Vue實(shí)現(xiàn)調(diào)節(jié)窗口大小時(shí)觸發(fā)事件動(dòng)態(tài)調(diào)節(jié)更新組件尺寸的方法。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-09-09
  • vue實(shí)現(xiàn)的網(wǎng)易云音樂(lè)在線播放和下載功能案例

    vue實(shí)現(xiàn)的網(wǎng)易云音樂(lè)在線播放和下載功能案例

    這篇文章主要介紹了vue實(shí)現(xiàn)的網(wǎng)易云音樂(lè)在線播放和下載功能,結(jié)合具體實(shí)例形式分析了網(wǎng)易云音樂(lè)相關(guān)接口調(diào)用與操作技巧,需要的朋友可以參考下
    2019-02-02
  • 簡(jiǎn)化vuex的狀態(tài)管理方案的方法

    簡(jiǎn)化vuex的狀態(tài)管理方案的方法

    在 vuejs 相關(guān)項(xiàng)目開(kāi)發(fā)過(guò)程中，我們常常會(huì)使用 vuex 作為狀態(tài)管理工具, 整個(gè)組件的狀態(tài)做為單向數(shù)據(jù)流的模式管理，這篇文章主要介紹了簡(jiǎn)化vuex的狀態(tài)管理方案的方法，感興趣的小伙伴們可以參考一下
    2018-06-06

最新評(píng)論