vue表示法

//文字裡面這樣用
<option>{{Item.title}}</option>

//三個值的時候 會是 物品、key、索引值 (目前這個沒用過)

v-for="(item, key, index) in list"

//兩個值的時候 會是 物品、索引值 (這好用)

 <li v-for="(item, index) in list">

 

//屬性裡面這樣用
<select :class="Item.classs">

屬性裡面 加上 JS

 <img :src="'../' + item.pic">

vue裡 selected預設選取作法其一

HTML

<select id="p1″>
<option :value=`${s.id}` v-for="(s, index) in mypost" :selected="index == 1″>{{s.title}}</option>
</select>

JS

banner = new Vue({
el: ‘#postbig’,
data: {
mypost: []
}
});

這邊

:selected="index == 1″

就是 如果索引值等於1 就出現selected選取狀態