Javascript Vue组件在安装时设置数据

我希望在安装vue组件时将临时数据设置为vue组件。并在需要时使用它。在下面的代码中，我创建了日期选择器并将该对象存储在vue.obj中，并希望在显示更改为true时使用它。但它不起作用。 请帮忙

Vue.component('date-picker', {
template: "<input type='text' value='obj' class='form-control' placeholder='select date of birth' v-validate=\"'required'\" model='date'>",
props: ['date','show','obj'],
mounted: function() {
    var self = this;
    this.obj = $(this.$el).datepicker({
        onSelect: function(date) {
            self.$emit('update-date', date);
            $(self.$refs.datepicker).trigger('change');
        },
        changeYear: true,
        changeMonth: true,
        dateFormat: "dd/mm/yy",
        yearRange: '1900:' + new Date().getFullYear(),
        maxDate: new Date()
    });
},
watch:{
    show:function(newShow,oldShow){
        console.log(this);
        if(newShow && this.obj){
            this.obj.datepicker("show");
        }
    }
}
});

Vue.component（'date-picker'{
模板：“”，
道具：['date'，'show'，'obj'，]，
挂载：函数（）{
var self=这个；
this.obj=$（this.el）.datepicker({
onSelect：功能（日期）{
self.$emit（'update-date'，date'）；
$（self.$refs.datepicker）.trigger（'change'）；
},
变化年：是的，
变化月：对，
日期格式：“日/月/年”，
年份范围：“1900:”+新日期（）。getFullYear（），
maxDate:新日期（）
});
},
观察：{
显示：功能（新闻显示、旧显示）{
console.log（this）；
if（newShow&&this.obj）{
此.obj.datepicker（“show”）；
}
}
}
});

这对我很管用，但是你不应该直接修改道具。“show”应该在数据下。我在你的链接中没有任何与这个问题相关的内容