在Vue.js中，Layer組件是常用的對話框插件，并且還提供了Content插件可以方便我們自定義對話框的內容，本文將詳細介紹Vue Layer Content的用法。

首先，我們需要導入Vue Layer和Vue Layer Content：

import Vue from 'vue'
import layer from 'vue-layer'
import 'vue-layer/lib/vue-layer.css'
import VueLayerContent from 'vue-layer-content'
Vue.prototype.$layer = layer(Vue)
Vue.use(VueLayerContent)

使用Vue Layer Content創建一個自定義對話框很簡單，只需要在組件中使用標簽即可，如下所示：

<template>
<v-layer-content>
<p>這是一個自定義對話框</p>
</v-layer-content>
</template>

其他常用的Vue Layer Content組件屬性包括：title（對話框標題）、cancelText（取消按鈕文字）、okText（確認按鈕文字）、width（對話框寬度）、height（對話框高度）、draggable（對話框是否可拖拽）等。例如，以下為配置標題、寬度和取消按鈕文字的示例：

<template>
<v-layer-content
title="自定義對話框標題"
width="500px"
cancelText="關閉"
>
<p>這是一個自定義對話框</p>
</v-layer-content>
</template>

最后，使用Vue Layer Content顯示對話框時，需要使用Vue Layer的實例對象調用open方法，包含參數為Vue Layer Content組件的實例對象。如下所示：

export default {
methods: {
showDialog() {
this.$layer.open({
content: {
render: h =>h('v-layer-content', '這是一個自定義對話框')
}
})
}
}
}

以上就是Vue Layer Content的基本用法了，它可以讓我們更方便地創建自定義對話框，并且支持多個自定義對話框同時顯示。使用Vue Layer Content能夠大大簡化我們創建對話框的代碼，提高開發效率和代碼可維護性。