vue-reactive-data

This is built with Vue 2 using Vite.

methods to detect changes in data

1. using computed properties
2. using deep/immediate watchers

Demo url: https://vue-reactive-selection.netlify.app

• save changes when the form data is updated on button click.
• console.logs remain for demo purposes

Resources

• https://v2.vuejs.org/v2/guide/reactivity.html
• https://michaelnthiessen.com/how-to-watch-nested-data-vue/

Setup

# install
`npm i`

# run the dev server
`npm run dev`

# build for production
`npm run build`

Deploy

Using netlify for deployment

# setup netlify project and follow the steps
`netlify init`

# deploy to production
`netlify deploy --prod`

Node version

You may notice issues when using an M1 Mac so be sure to set the specific node version.

Set your node version using nvm with the .nvmrc file.

If you don't have node version manager then download nvm

# use node version with nvm
nvm use