screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html lang="en"> <head> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div id="app"> <h3>Vue 3 Change Button Text onclick using Ref (Composition API)</h3> <button @click="changeText">{{ buttonText }}</button> </div> <script type="module"> const { createApp ,ref} = Vue; createApp({ setup() { const buttonText = ref('Click me'); const changeText = () => { buttonText.value = 'Button Clicked'; }; return { buttonText, changeText }; } }).mount("#app"); </script> <style scoped></style> </body> </html>