Vue routing subcomponent mounted reported an error?

the code is as follows:

const homepage = {template: "-sharphome-page",mounted:function () {
   vm.homeInit()
  }};
        
const router = new VueRouter({
        routes: [
            {path: "/", component: homepage},
            {path: "/process", component: process},
            {path: "/feature", component: feature}
        ]
    });
const vm = new Vue({
        el: "-sharpapp",
        data:{
            name : 1
        },
        router,
        methods: {
            homeInit: function () {
                console.log("1");
            }
        }
        });

When

switches to "/", the method can execute (see figure)
clipboard.png

but keep reporting wrong: vm is not defined,. Excuse me, what is it?

Oct.20,2021

is not defined. Change the order of
const vm.
const homepage

vm on top

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-1b3e887-41461.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-1b3e887-41461.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?