import { createApp } from 'vue';
import App from './App.vue';
let app = createApp(App);
let attrHi = "大家好~~";
let sayHi = () => {
alert("您好~~");
}
app.config.globalProperties.attrHi = attrHi;
app.config.globalProperties.sayHi = sayHi;
app.mount('#app');
<template>
<div>{{protStr}}</div>
<a-button type="primary" @click="handleSay">调用原型上绑定的方法</a-button>
</template>
<script>
import { defineComponent, reactive, toRefs, getCurrentInstance } from 'vue';
export default defineComponent({
name: "Demo",
setup() {
let { proxy } = getCurrentInstance();
let state = reactive({
protStr: proxy.attrHi,
})
let handleSay = () => {
proxy.sayHi();
}
return {
...toRefs(state),
handleSay,
}
}
})
</script>