Vue.js是一款非常流行的JavaScript框架，它的主要特点是轻量级、易用性高、性能优良等诸多优点。其中一个重要的特性就是能够快速、方便地动态操作DOM元素，比如在select元素中动态添加option选项。本文将会介绍如何使用Vue.js实现这个功能。

首先我们需要一个select元素，如下所示：

<select id="select">
<option value="1">选项1</option>
<option value="2">选项2</option>
</select>

接下来，我们需要在Vue实例中定义一个属性来存储option选项，最简单的方式就是使用数组。我们可以使用v-for指令来动态生成option选项，具体代码如下：

new Vue({
el: "#app",
data: {
options: [
{text: "选项1", value: 1},
{text: "选项2", value: 2}
]
}
})

在模板中使用v-for指令动态生成option选项，具体代码如下：

<select id="select">
<option v-for="option in options" :value="option.value">{{ option.text }}</option>
</select>

上面的代码中，我们使用v-for指令遍历options数组中的每个元素，使用:value指令来绑定option的value属性，使用{{}}语法来显示option的文本。

现在有一个需求：当用户点击按钮时，我们需要动态添加一个新的option选项。我们可以在Vue实例中定义一个方法来实现这个功能，具体代码如下：

new Vue({
el: "#app",
data: {
options: [
{text: "选项1", value: 1},
{text: "选项2", value: 2}
]
},
methods: {
addOption: function() {
this.options.push({text: "选项3", value: 3});
}
}
})

在模板中使用v-on指令来绑定按钮的click事件，具体代码如下：

<button v-on:click="addOption">添加选项</button>

现在重新打开页面，点击“添加选项”按钮，我们可以看到新的选项已经被动态添加到了select元素中。这就是Vue.js的动态添加option选项的简单实现方法。