Vue3与pywebview前后端初步通信

1、pywebview后端

class Api:def greet(self, test_text):print(test_text)return f"hello, {test_text}"if __name__ == '__main__':# 前后端通信测试api = Api()window = webview.create_window('Vue app in pywebview', './static/index.html', js_api=api)   # vue的build文件的路径webview.start(debug=True)

2、Vue3前端

<template><div id="app"><h1>Greeting Test</h1><button @click="greet">Greet</button><p>{{ greeting }}</p></div>
</template><script>
export default {data() {return {greeting: ''};},methods: {greet() {// 调用后端APIif (window.pywebview) {window.pywebview.api.greet('Socket test').then(response => {this.greeting = response;console.log(this.greeting);});}}}
};
</script><style>
#app {text-align: center;margin-top: 50px;
}
</style>