<select   class="ui search dropdown" v-model="pid"                                      v-on:click="changeCategory()"                                      v-on:change="changeCategory()">                                    <option                                            v-for="vo in categorylist"                                            v-bind:value="vo.goodscategory_id"                                             :key="vo.goodscategory_id">                                    {{vo.goodscategory_name}}                                    </option>                            </select>為什么數據已經改變，但是界面并未改變select下拉    var app = new Vue({        el: '#app',        data: {            categorylist:[],//頂級分類列表            pid:0,//選中的父級id            secondcategorylist:[],//二級分類列表            cid:0,//選中的二級分類            autoparts_brandlist:[],//改件品牌列表            autopartsbrand:0,            modeiswrite:0,//二級分類才有 型號 0必填 1不填 2選填        },        computed:{        },        methods:{            //改變頂級分類            changeCategory:function(){                //改變二級分類列表                axios.get('__MODULE__/Goods/bypidGetsecondid', {params: {pid:app.pid}                }).then(function (response) {                    app.secondcategorylist=[];//首先清空                    app.secondcategorylist=  response.data;                    app.cid=response.data[0].goodscategory_id;                //    app.modeiswrite=response.data[0].goodscategory_modeiswrite;                   // 改變品牌                    axios.get('__MODULE__/Goods/byCategoryidGetAutoPartsBrandId', {params: {categoryid:app.cid}                    }).then(function (response1) {                        app.autoparts_brandlist= response1.data;                        app.autopartsbrand=response1.data[0].autopartsbrand_id;                    });                });            },                 },        created: function () {         }    })