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
})