learn.nuxt.com icon indicating copy to clipboard operation
learn.nuxt.com copied to clipboard

managing reactive data and handling events

Open Gopikrishna500apps opened this issue 1 year ago • 3 comments

Changes Made:

  • Added a Vue 3 script setup block with TypeScript language support.

  • Imported ref from Vue to manage reactive data.

  • Declared a msg ref variable to store a message string.

  • Defined a changeMessage function to update the message string.

  • Implemented a simple template to display the message and a button to trigger the changeMessage function.

Gopikrishna500apps avatar Apr 05 '24 12:04 Gopikrishna500apps

Deploy Preview for learn-nuxt-com ready!

Name Link
Latest commit 1c23dde48a0aaa75a697acbfc4d282956aa3eab6
Latest deploy log https://app.netlify.com/sites/learn-nuxt-com/deploys/660ff0f09024080008d4fa8a
Deploy Preview https://deploy-preview-130--learn-nuxt-com.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

netlify[bot] avatar Apr 05 '24 12:04 netlify[bot]

Can you explain more why this is needed? This is the base template and is supposed to be overridden by each lesson

antfu avatar Apr 08 '24 14:04 antfu

Can you explain more why this is needed? This is the base template and is supposed to be overridden by each lesson

I thought the base template should include at least one reactive variable. That's why I wrote it that way, for everyone's understanding

Gopikrishna500apps avatar Apr 10 '24 04:04 Gopikrishna500apps