我试图在vue中构建一个简单的应用程序，但我遇到了一个错误.我的onScroll函数的行为与预期的一样，但是当我单击我的按钮组件时，我的sayHello函数返回一个错误
属性或方法"sayHello"未在实例上定义，但
Vue.component('test-item', {
template: '<div><button v-on:click="sayHello()">Hello</button></div>'
});
var app = new Vue({
el: '#app',
data: {
header: {
brightness: 100
}
},
methods: {
sayHello: function() {
console.log('Hello');
},
onScroll: function () {
this.header.brightness = (100 - this.$el.scrollTop / 8);
}
}
});
我觉得答案很明显，但我已经try 过搜索，但没有找到任何答案.任何帮助都将不胜感激.
谢谢