How to load pages dynamically in framework7 v2?

how do I load pages dynamically in framework7 v2?

A new page, such as

, can be loaded through mainView.router.loadContent (), in v1.
var viewHTML = $("<div class="navbar">" +
        "<div class="navbar-inner">" +
        "<div class="left">" +
        "<a href="-sharp" class="back link"><i class="iconfont icon-back"></i></a>" +
        "</div>" +

        "<div class="center sliding" id="" + this.options.titleID + "">" + this.options.title + "</div>" +

        "<div class="right">" +
        "<a id="" + this.options.rightContent.id + "" href="" + this.options.rightContent.href + "" class="link icon-only">" + this.options.rightContent.text + "</a>" +
        "</div>" +
        "</div>" +
        "</div>" +

        "<div class="page" id="" + this.options.id + "" data-page="" + this.options.id + "">" +
        "<div class="page-content" id="" + this.options.contents.id + "">" +
        this.options.contents.content +
        "</div>" +
        "</div>");
        mainView.router.loadContent(viewHTML);
       
      

how is it loaded in this way in v2? After reading the document for a long time, the operation failed for a long time

has anyone done it? Do you use app.views.create () and app.views.get ()?

or another method?

Thank you

Mar.13,2021
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b2c560-2a84d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b2c560-2a84d.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?