Why register a plugin and use methods in components that do not have this plugin

[qq88310566]

register plugin clickStat
app.use(clickStat).mount('#app');

clickStat plugin
export default { install(app, options) { app.config.globalProperties.$clickStat = (key = '', opt = {}) => { console.log('clickStat', key); }; }, };

want to use in component
<h3 @click="handleClick">test</h3>
const handleClick = ()=>{ $clickStat() }
but result is
runtime-core.esm-bundler.js:268 Uncaught ReferenceError: $clickStat is not defined
at handleClick (index.vue:246:3)

[jh-leong]

globalProperties are only directly accessible in templates. For script usage, access them via the component instance: https://vuejs.org/api/application.html#app-config-globalproperties.

For Composition API, we recommend using provide/inject instead: https://vuejs.org/guide/components/provide-inject.html#provide-inject