Javascript VUEJ在代码中显示原始语法，而不是呈现内容

我有一个购物车应用程序由3页。使用css显示/隐藏页面是基于它们完成的流程的哪一部分

在前两页中，vue工作得非常完美，我甚至可以使用vue开发工具查看我的所有数据。但一旦我进入第三页vue stops，它就会显示原始内容，如此屏幕截图中所示-

当我进入第3页，查看vue工具时，我可以看到完全相同的数据不是空的，而是按照预期正确填写的数据。只是没有呈现到页面

有没有人遇到过类似的问题？到目前为止，我已经尝试使用一个单独的cdn，检查损坏的标签和错误命名的标签，但一切似乎都很好

这里是一个小片段的送货地址代码，以防我遗漏了什么

<div class="review-details">
            <p class="sc-back-text" v-on:click="nextPrev(-1)"><i class="fas fa-caret-left"></i>BACK TO EDIT ORDER</p>
            <h2 class="red-text section-title">Review Details</h2>
            <p><b>First Name:</b> {{ deliveryAddress.firstName }}</p>
            <p><b>Last Name:</b> {{ deliveryAddress.lastName }}</p>
            <p><b>Email:</b> {{ deliveryAddress.email }}</p>
            <p><b>Company Name:</b> {{ deliveryAddress.companyName }}</p>
            <p><b>Job Title:</b> {{ deliveryAddress.jobTitle }}</p>
            <p><b>Address 1:</b> {{ deliveryAddress.address1 }}</p>
            <p><b>Address 2:</b> {{ deliveryAddress.address2 }}</p>
            <div class="review-details-split">
                <div class="review-details-1">
                    <p><b>City:</b> {{ deliveryAddress.city }}</p>
                    <p><b>Country:</b> {{ deliveryAddress.country }}</p>
                    <p v-if="countryIsUSA"><b>State:</b> {{ deliveryAddress.state }}</p>
                    <p v-if="countryIsCAN"><b>Province:</b> {{ deliveryAddress.province }}</p>
                    <p v-if="countryIsREGION"><b>Region:</b> {{ deliveryAddress.region }}</p>
                </div>
                <div class="review-details-2">
                    <p><b>Zip Code:</b> {{ deliveryAddress.zipCode }}</p>
                    <p><b>Phone Number:</b> {{ deliveryAddress.phoneNumber }}</p>
                </div>
            </div>
        </div>

返回编辑订单
查看详细信息
名字：{{deliveryAddress.firstName}}

姓氏：{{deliveryAddress.lastName}

电子邮件：{{deliveryAddress.Email}

公司名称：{{deliveryAddress.companyName}

职务：{{deliveryAddress.jobTitle}

地址1:{{deliveryAddress.address1}

地址2:{{deliveryAddress.address2}

城市：{{deliveryAddress.City}

国家：{{deliveryAddress.Country}

状态：{{deliveryAddress.State}
省：{{deliveryAddress.Province}
地区：{{deliveryAddress.Region}
邮政编码：{{deliveryAddress.zipCode}

电话号码：{{deliveryAddress.phoneNumber}

我看到了你的屏幕截图，我可以看到你已经添加了引号（“）来包装变量。因此，请不要使用引号（“），也就是说，使用{{deliveryAddress.email}}而不是“{{deliveryAddress.email}”，你也可以添加脚本吗？@PunitPatel我也注意到了这一点，但你可以在代码片段中看到我实际上没有使用引号。我不知道为什么它的渲染与quotes@JaySnel所以我不确定你们还有什么其他的代码，但我和你们分享了组件结构，你们可以比较你们的一个<代码>导出默认值{name:“test”}您的HTML代码应该在tag@PunitPatel非常感谢。我的问题是，在迁移应用程序时，我在主app div标记中没有这个部分。你的解决方案，看看模板标签引导我到这一点，我很好去现在