Snippet

Reactive Objects with reactive()

The reactive() function creates a deep reactive proxy of an object. Unlike ref(), you do not need to use .value to access properties in your script.

snippet.js

javascript

import { reactive } from 'vue';
 
const state = reactive({
  count: 0,
  user: 'Alex'
});

vue

Breakdown

import { reactive } from 'vue';

Imports the reactive function from the Vue core library.

const state = reactive({

Initializes a reactive state object.

count: 0,

A numeric property within the reactive object.