Vue.js 是一款流行的前端框架，提供了靈活的編程和開發體驗。其中，customRender 是 Vue.js 3 新增的一個特性，可以幫助開發者通過自定義渲染函數來控制組件的渲染過程。下面我們來詳細了解一下這個特性的使用。

首先，在 Vue.js 中使用 customRender 需要引入 h 函數，該函數用于生成虛擬 DOM。在自定義渲染函數中，可以通過 h 函數來創建組件的 HTMLElement 對象。

import { h } from 'vue';
const customRender = (props, context) =>{
return h('div',
{ class: 'custom-render' },
context.slots.default()
);
};

上述代碼中，我們通過 h 函數創建了一個 div 元素，并設置了 class 屬性。context.slots.default() 表示將子組件傳遞給父組件，實現這個元素里面包含子元素的效果。

接下來，我們需要在組件的讓 template 中使用 customRender，實現組件的自定義渲染功能。

import { defineComponent } from 'vue';
import customRender from './custom-render';
export default defineComponent({
name: 'CustomComponent',
render: customRender
});

上述代碼中，我們通過 defineComponent 函數定義了一個 CustomComponent 組件，并將 render 值設置為 customRender 函數。這樣就可以在組件內部使用自定義的渲染函數。

綜上，Vue.js 3 中的 customRender 特性可以幫助開發者通過自定義渲染函數來控制組件的渲染過程，實現更加靈活和高效的開發體驗。開發者需要引入 h 函數，然后在自定義渲染函數中使用該函數來生成虛擬 DOM，最后在組件的 template 中使用自定義渲染函數。這個特性的使用可以使 Vue.js 的開發更加簡單和可讀性強。