2018-09-17vue.js计算属性computed

2018-09-18  本文已影响0人  不与众生

计算属性computed:用于计算复杂逻辑
案例:
js部分:

<div id="itany">
     <h1>{{msg}}</h1>
     <a href="">{{revMsg}}</a>
</div>

js部分:

 <script src="js/vue.js"></script>
 <script>
new Vue({
    el:"#itany",
    data:{
        msg:'hello vue'
    },
    computed:{
        revMsg:function(){
            return this.msg.split(' ').reverse().join('===');
        }
    }
  })
</script>
上一篇下一篇

猜你喜欢

热点阅读