<div class="title" >
            {{articleType}}
        </div>

<script>
import Vue from 'vue'
export default {
    data() {
        return {
            articleType:'aa',
            subList: {
                special: {
                    name: "特色服務",
                    list: []
                },
                server: {
                    name: "服務資訊",
                    list: []
                },
                about: {
                    name: "關于我們",
                    list: [
                        {
                            dataUri: "centerintro",
                            name: "中心介紹"
                        },
                        {
                            dataUri: "genTeam",
                            name: "全科團隊"
                        },
                        {
                            dataUri: "offices",
                            name: "科室介紹"
                        },
                        {
                            dataUri: "culture",
                            name: "文明風貌"
                        }
                    ]
                }
            }
        };
    },
    methods:{
        importArticle:(obj)=>{
            Vue.set(this,'articleType',obj.name)
             console.log(this.articleType);
        
           
        }
    }
};
</script>

如圖，觸發(fā)methods之后，視圖沒有改變，但是console.log()中是改變后的值。