關於vue初始化的問題

Question

<style>    li{list-style:none;display: inline-block;padding:10px;}    .gradient{background:grey;}    .active{background:red;}    </style>    <script src="vue.js"></script>        <script>        window.onload = function(){            var menuBar = new Vue({    el:'#menu',    data:{        choices:[            {selected:'搜店'},            {selected:'地址'},            {selected:'优惠券'},            {selected:'全文'},            {selected:'视频'}        ],        activeMenu:''    },    methods:{        activeBar:function(item){                this.activeMenu = item    }}});        }    </script><ul class="menu" id="menu">             <li class="gradient" v-for="item in choices" v-on:click="activeBar(item)" :class="{active: activeMenu == item}" >{{item.selected}}</li> 我想初始化第一個li是active，是用v-if判斷嗎還是？

Answer 1

//考虑这样

choices:[

            {selected:'搜店',active:true},

            {selected:'地址',active:false},

            {selected:'优惠券',active:false},

            {selected:'全文',active:false},

            {selected:'视频',active:false}

        ]