Vuejsは整数要素を持つselect要素を設定します

Question

私は、Vuejsを使って1から100までの数値を持つhtml selectフィールドに値を設定します。私が試してみました：

<div id="selector"> 
    <select id='row_selector' class="form-control" v-model="intArray"></select> 
</div> 

<script type="text/javascript" src="path_to/vue.js"></script> 
<script> 
const MAX_VAL = 100; 
var numArray = Array.apply(null, {length: numArray}).map(Number.call, Number) 
var app = new Vue({ 
    el: '#selector', 
    data: { 
     "intArray": numArray 
    } 
}) 

しかし、select要素は空です。それを設定するためにディレクティブを使用する必要がありますか？

Answer 1

ビュー

<div id="app"> 
    <select v-model="selected"> 
    <option v-for="n in 100" :value="n">{{ n }}</option> 
    </select> 
    <p> 
    Selected: {{ selected }} 
    </p> 
</div> 

コンポーネント

new Vue({ 
    el: '#app', 
    data: { 
    selected: '' 
    } 
})