尝试在 razor .cshtml 中呈现步进器 PrimeVue 时出现“对象对象”bug

问：

我为我的 Vue.js 应用程序安装了 PrimeVue 库，它位于 .NET 解决方案中，当我尝试从 PrimeVue v2 文本渲染 Steps 组件时，出现对象对象错误

用于渲染组件的标签：

<stepper-component></stepper-component>

.cshtml 文件中 Step 组件的配置。

<script asp-location="Footer" asp-order="300">
    Vue.component('stepper-component', {
        template: `
            <div>
                   <Steps :models="items" :activeIndex="currentStep"></Steps>
                   <button v-if="currentStep > 0" @@click="prevPage">Anterior</button>
                   <button v-if="currentStep < items.length - 1" @@click="nextPage">Siguiente</button>
                   <button v-if="currentStep === items.length - 1" @@click="complete">Finalizar</button>
            </div>
        `,
        data() {
            return {
                items: [
                    { label: 'Personal', to: '/steps' },
                    { label: 'Seat', to: '/steps/seat' },
                    { label: 'Payment', to: '/steps/payment' },
                    { label: 'Confirmation', to: '/steps/confirmation' }
                ],
                currentStep: 0,
                formObject: {}
            }
        },
        methods: {
            nextPage() {
                if (this.currentStep < this.items.length - 1) {
                    this.currentStep++;
                    window.Router.push(this.items[this.currentStep].to);
                }
            },
            prevPage() {
                if (this.currentStep > 0) {
                    this.currentStep--;
                    window.Router.push(this.items[this.currentStep].to);
                }
            },
            complete() {
                this.$toast.add({ severity: 'success', summary: 'Order submitted', detail: 'Dear, ' + this.formObject.firstname + ' ' + this.formObject.lastname + ' your order completed.' });
            },
            isActive(item) {
                if (item.route) {
                    let currentPath = window.Router.currentRoute.path;
                    return item.route === currentPath;
                }
                return false;
            },
        }
    });
</script>

我最近尝试的是隔离问题，初始化一个纯 vue 应用程序并渲染 Steps 组件，它就可以工作了。不同之处在于，在纯 Vue 应用程序中，我在模板中呈现 Steps 组件并调用属性“model”，而不是在 .cshtml razor 文件中调用的方式。你可能会问为什么会有这种差异，这是因为如果我在 .cshtml 文件中使用，它会呈现注释行。:items="items":model="items"

.cshtml 中 Object 对象的证明

在纯 Vue 应用中渲染

我在 .cshtml razor 页面中的期望

现在