Vue.js专区

vue笔记

2018-05-17  本文已影响25人  邹小邹大厨

计算属性

计算属性就是一个函数,当引入的时候,会自动运行,然后输出计算结果,但是计算属性会缓存结果,当输入不变的情况下,会立即返回结果

<div id="example">
  <p>Original message: "{{ message }}"</p>
  <p>Computed reversed message: "{{ reversedMessage }}"</p>
</div>
var vm = new Vue({
  el: '#example',
  data: {
    message: 'Hello'
  },
  computed: {
    // 计算属性的 getter
    reversedMessage: function () {
      // `this` 指向 vm 实例
      return this.message.split('').reverse().join('')
    }
  }
})

.passive 可以调用passive,针对scroll,减少卡顿

addEventListener(type, listener, {
   capture: false,
   passive: false,
   once: false
})
上一篇 下一篇

猜你喜欢

热点阅读