HEGII.ss.mes.dashboard/wwwroot/Plugins/vue/template-es.html

<div v-scope="About({count:2})">
    <p>{{count}}</p><button @click="inc">increment</button>
</div>
<div v-scope="Home({count:1})">
    <p>{{count}}</p><button @click="inc">increment</button>
</div>
<script src="/plugins/axios/axios.min.js"></script>
<script type="module">

    import * as PetiteVue from '/plugins/vue/petite-vue.es.js'

    function Home(props) {
        return { 
            count: props.count, 
            inc() { this.count++; } 
        }
    }

    function About(props) {
        return { 
            count: props.count, 
            inc() { 
                let that = this;
                // 向给定ID的用户发起请求
                axios.get('/plugins/vue/petite-vue.iife.js')
                .then(function (response) {
                    // 处理成功情况
                    //console.log(response);
                    that.count++; 
                })
                .catch(function (error) {
                    // 处理错误情况
                    //console.log(error);
                })
                .then(function () {
                    // 总是会执行
                });
            } 
        }
    }
    PetiteVue.createApp({ Home, About }).mount(); 
</script>