Javascript 如何根据存在的数据编辑模板？

我有一个Vue组件，它创建了一个带有s。我希望选择中的选项依赖于列表

Vue.component('column-header', {
    data: function() {
         return {
           options: ['Name', 'Address', 'Email', 'Mobile', 'Card Number', 'Other'],
         }
    },
    template: `<div class="uk-width-1-5">
                <select class="uk-select">
                    {{ options }}
                </select>
            </div>`
});

new Vue({ el: '#app' })

当我决定以后扩展我的选项列表时，它会自动将新项目作为选项插入。这是正确的方法吗？

用于呈现元素列表：

<option v-for="option in options">{{option}}</option>

用于呈现元素列表：

<option v-for="option in options">{{option}}</option>

您可以使用来迭代数组并创建新选项

<select>
<option v-for="option in options" :key="option">{{ option }}</option>
</select>

您可以使用来迭代数组并创建新选项

<select>
<option v-for="option in options" :key="option">{{ option }}</option>
</select>