Javascript 属性或方法“；“关闭”；未在实例上定义，但在渲染期间引用。确保此属性是反应性的

我是Vue.js的新手，收到一条警告：

vue.runtime.esm.js？2b0e:619[vue warn]：属性或方法“success”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保此属性在数据选项中或对于基于类的组件是被动的。请参阅：

发现于

   ---> <App> at src/App.vue
       <Root>

-->位于src/App.vue

我不完全理解，但我知道它来自于我传递给按钮的close方法

我的代码如下：

    <template>
  <div id="app">
    <img alt="Vue logo" src="./assets/logo.png" />
    <OkoButton text="Open Oko" token="ccccc" env="sandbox" clientName="anonymous" oko_key='key' callback_url='www.google.com'
    :close="close" :success="success" 
    :user = "{fullname: 'USER_FULL_NAME', email: 'USER_EMAIL', bvn: 'USER_BVN'}"
    products = "['auth', 'transactions', 'balance', 'income', 'identity']" />
  </div>
</template>



 <script>
    import OkoButton from "./components/OkoButton.vue";

    export default {
      name: "app",
      components: {
        OkoButton
      },
      success: function() {
       window.console.log("oko success");
      },
      close: function() {
        window.console.log("oko closed");
      }
    };
    </script>

 Please, what causes this warning?

从“/components/OkoButton.vue”导入OkoButton；
导出默认值{
名称：“应用程序”，
组成部分：{
奥克布顿
},
成功：函数（）{
window.console.log（“oko成功”）；
},
关闭：函数（）{
window.console.log（“oko关闭”）；
}
};
请问，是什么原因导致此警告？

成功

和

关闭

功能应放置在

方法

字段中，以便模板将其识别为方法：

 export default {
      name: "app",
      components: {
        OkoButton
      },
  methods:{  
    success: function() {
       window.console.log("oko success");
      },
      close: function() {
        window.console.log("oko closed");
      }
    }
    };