computed

Posted congtt

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了computed相关的知识,希望对你有一定的参考价值。

// computed计算属性

 

 


<div id="example">

  {{ info.split(‘‘).reverse().join(‘‘) }}  // 模板内的表达式{{ expression }} 的逻辑若太复杂,不好看也不易维护。

</div>

 

// 应该如下写

 

<div id="example">
  <p>Original message: "{{ info }}"</p>
  <p>Computed reversed message: "{{ info1 }}"</p>
</div>

 

var vm = new Vue({
  el: ‘#example‘,
  data: {
    info: ‘Hello‘
  },
  computed: {
    info2: function () {
      return this.info.split(‘‘).reverse().join(‘‘)
    }
  }
})















以上是关于computed的主要内容,如果未能解决你的问题,请参考以下文章