vue 数据刷新后，页面没有联动更新

vue 数据刷新后，页面没有联动更新

因为vue有个就近原则，只会刷新部分内容而不更新整体，这时可以给容器加一个key去动态获取，
如下加了一个key=getTime，通过watch去监听

//表格自定义列顺序
Vue.component('table-cols-sort', {
    data: function(){
        return{
            getTime: new Date().getTime()
        }
    },
    props: ['data'],
    template: `

                

                    
保存
                    

                    

                
                

                    
                
            
`,
    watch:{
        data: {
            handler:function(val,oldval){
                this.getTime = new Date().getTime()
            },
            deep: true//对象内部的属性监听，也叫深度监听
        }
    },
    mounted: function() {

    },
    updated: function() {
        console.log("updated");
    },
    methods: {
        
    }
})