Well that is up to your app requirements.
If this 10 different pages are just consuming the data from the Backend and should not, or cannot, do any formatting on how they present the data, so one option is to have 10 different resources that provide the data as intended for each page.
But in general the frontend that presents the data have some flexibility over on how to present/format the data, so maybe this won't be needed.
In my apps I generally use different resources when consuming frontend needs data in different contexts, for example, maybe for an external API I won't send some fields, and for the regular in-house app I will add others, so I would have 2 different resources for theses contexts. But also I can have more in cases like retrieving data to fill an options dropdown where I just need a key and a label.
So it is up to your app requirements and the restrictions you have on the frontend on how much it can change the data on display.
Either way in the case you choose not to use resources, you would need 10 different accessors to present the same piece of data in 10 different ways for 10 different pages. In that scenario you would have to deal with 10 different method's name in the same class. I personally think, in that extreme scenario that it is easier - if the data need to leave the backend formatted and cannot be changed by the frontend - to have 10 different resources classes so when you are working on a class you have the context very clear and each class is very focused to serve a single purpose. But that is a personal preference, in the end of the day you should choose the approach that better fits your project's requirements and is easier for you, and your team, to reason about and maintain in the long run.
Hope it helps.