亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue里面v-bind和Props 利用props綁定動(dòng)態(tài)數(shù)據(jù)的方法

 更新時(shí)間：2018年08月27日 11:08:54   作者：開(kāi)發(fā)小盆友  
今天小編就為大家分享一篇vue里面v-bind和Props 利用props綁定動(dòng)態(tài)數(shù)據(jù)的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

如下所示：

<add v-bind:子組件的值="父組件的屬性"></add> 
<div id="app"> 
  <add v-bind:btn="h"></add> 
</div> 
<script> 
  var vm = new Vue({ 
    el: '#app', 
    data: { 
      h: "hello" 
    }, 
    components: { 
      "add": { 
        props: ['btn'], 
        template: "<button>btn：{{btn}}</button>", 
        data: function () { 
          return {'btn': "123"}; //子組件同名的值被覆蓋了 
        } 
      } 
    } 
  }); 
</script>

說(shuō)明：

【1】btn使用的父組件data中 h的值；

【2】子組件的data的函數(shù)中返回值被覆蓋了。

【3】也就是說(shuō)，使用v-bind的是使用父組件的值（根據(jù)屬性名），沒(méi)有使用v-bind的是將標(biāo)簽里的數(shù)值當(dāng)做字符串來(lái)使用。

【4】依然需要使用props，否則他會(huì)取用自己data里的btn的值

以上這篇vue里面v-bind和Props 利用props綁定動(dòng)態(tài)數(shù)據(jù)的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論