Layerdate組件是一個基于Vue.js的日期選擇器。它提供了許多可定制的選項和美觀的界面，可以方便地集成到Vue.js應用程序中。

使用Layerdate組件，我們需要先引入它：

import Layerdate from 'layerdate'
Vue.use(Layerdate)

在Vue組件中，我們可以把Layerdate放在任何需要的位置：

<template>
<div>
<input type="text" v-model="date" @click="showPicker">
<layer-date
v-model="date"
:type="'date'"
:range="true"
:show="{{ isPickerShow }}"
@pick="handlePickerValue">
</layer-date>
</div>
</template>
<script>
export default {
data () {
return {
date: '',
isPickerShow: false
}
},
methods: {
showPicker () {
this.isPickerShow = true
},
handlePickerValue (value) {
console.log(value)
}
}
}
</script>

在示例代碼中，我們通過一個input框和一個Layerdate組件來展示日期選擇器。當用戶點擊input框時，通過v-on指令觸發showPicker方法，該方法將isPickerShow值設為true。當isPickerShow為true時，Layerdate組件將顯示出來，當用戶選擇完日期后，觸發pick事件，執行handlePickerValue方法，打印選中日期的值。

以上是一個簡單的Layerdate和Vue.js的應用示例，僅供參考。