Change data on a page?

I have a page with data. Elements on the page see the data and display the data - no problem.

I would like to change this data elsewhere - from outside of this page.

The docs here:

Say this

var $ = Dom7;
var page = $('.page[data-name="somepage"]')[0].f7Page;
// do something with page data

I cannot figure out how to reference the data using the variable ‘page’ so I can change the data for the page.

What am I missing?

You shouldn’t modify page data object. If your page has data-dependant layout then it is better to use router component

Thanks. Just to confirm.

It seems that the DATA is read only and not meant for my programs to put dynamic data onto a page?

In router component: this.$setState({});