Vue.js 如何从模板中获取属性

在向服务器发送有关数据的请求之前，我可以从模板中获取属性吗？ 这是我的模板：

<box-component inline-template>
<div>
    <div class="loading" v-if="Loading">  Loading ...  </div>
    <div  v-if="Result">
        <ul>
            <li> {{ Result.FirstProp }} </li>
            <li> {{ Result.FourthProp }} </li>
        </ul>
    </div>
</div>

它很好用！问题是服务器响应包含更多的数据。服务器响应：

{
    "FirstProp": "first",
    "SecondProp": "second"
     ...
    "HundredthProp": "hudredth"
}

我不能修改其他项目的响应也使用此。但是，如果我能够从模板发送属性列表（在本例中为FirstProp和FourthProp），服务器端会给我过滤后的响应，其中只包含这些属性，因为最佳响应如下所示：

{
    "FirstProp": "first",
    "FourthProp": "fourth"
}

所以，问题是：我该怎么做

我可以在Vue对象中找到它吗

我可以将模板作为字符串变量加载，但我希望避免正则表达式hack

更新：

---

我不知道如何设置后端，但您可以在数据中拥有其他属性：

data() {
    return { 
        listOfProperty: [
            'FirstProp',
            'FourthProp',
        ],
...

---

并使用列表将数据发送到服务器。

谢谢您的回复。问题是数据必须是动态的。多个项目可以使用不同的模板调用同一个组件。具体问题是什么，这里没有动态。您在组件中使用了FirstProp和FourthProp，因此我不明白您为什么不能在提供给您的答案中这样做。我必须在不同的项目中使用相同的组件。另一个项目可能用这个模板调用组件：{{Result.FifthProp}{{Result.thirdrop}}我可以使用mixin为不同的项目设置所有的数据，但它不是太灵活，仍然不理解，这不是动态的，如果你真的在模板中编码这些道具，那么你知道你需要哪些道具。我假设这不是你的真实情况，所以在你的问题中可能有一个问题。它们使用相同的组件BoxComponent.js，它们调用相同的服务器端。但是这些项目使用不同的模板和不同的变量。我需要使用当前模板变量调用服务器端。在我的例子中，有近百个项目退出，服务器在响应中给出了大约200个变量。这就是为什么js必须使用当前变量调用服务器的原因。我不能在每个项目的数据{}中设置变量名，但是当组件调用服务器时，我必须知道模板中存在哪些变量。我不知道，在vuejs中我怎么能做到这一点。

data() {
    return { 
        listOfProperty: [
            'FirstProp',
            'FourthProp',
        ],
...