Routes events page / Page events , what's the difference?

About the page events:
Example 01:
$$(document).on(‘page:init’,’.page[data-name=“loginpage”]’,function(e: any) {
console.log(’ login page’);
})

Example02 (Event in route):
{
path: ‘/login/’,
name: ‘login’,
el: document.querySelector("#loginScreen") //page with data-name = ‘“loginpage”,
on: {
pageInit: function(event: any,page: any) {
console.log(’ login page’);
}
}

This events are the same? Some difference ?

Yes, They are the same.