query

Method meant to retrieve specifics chunks of data from the store, let's explore this by following the demo: file-explorer

Parameter

value	required	description
Function	true	Function that retrieves chunks data from the store
defaultValue	false	If the query value is undefined then the defaultValue is returned

Example

const { query } = useStore({
  /* ... */
});
const name = query((store) => store.state.name, 'John doe'); 
console.log(name);//John doe 

tip

Pro tip: After the useStore is initialized the mutate method can be accessed through the store

import explorer from "@/store/explorer";
const name = explorer.query((store) => store.state.name);

tip

Pro tip: You can combine the get method of lodash with the query to get a value from the state.

import explorer from "@/store/explorer";
import get from "lodash/get";

const prop = explorer.query(() => get(store.state, 'my.deep.prop', 'hello'));