after two days of twists and turns, it is still not done. Please take a look at it for everyone.

/ src/entry.js

import Vue from "vue";
import weex from "weex-vue-render";

weex.init(Vue);

/ src/index.vue

<script>
import App from "./App.vue"
import router from "./router.js"

App.el = "-sharproot"
App.router = router

// new Vue(Vue.util.extend({ router }, app))
new Vue(App)
</script>

/ src/App.vue

<template>
    <div class="main_body">
        <!--  -->
        <rout-view id = "page_root" class = "mian_view" @click = "go">
        </rout-view>
        <tab_bar />
    </div>
</template>

<script>
import tab_bar from "./../components/common/tab_bar.vue"

import router from "./router.js"
export default {
    components: {
        tab_bar,
    },
    router: router,
    methods: {
        go(event) {
            console.log("go")
            this.$router.push("/home")
        },
    }
}
</script>

/ src/router.js

import Vue from "vue"
import VueRouter from "vue-router"

import home from "./page/home.vue"
import take_stock from "./page/take_stock.vue"

Vue.use(VueRouter)

export default new VueRouter ({
    el: "-sharppage_root",
    routers: [
        {
            path: "/home",
            // name: "home",
            component: home,
        }, {
            path: "/take_stock",
            // name: "take_stock",
            component: take_stock
        }
    ]
})

there is no response on web, but: render error:-2013 appears on android simulator