以vant框架為例,vue專案以less作為css處理器：

less/var-reset.less

@import '~vant/lib/index.less';

// Color variables 重寫變數值
@blue: #1989fa;
@orange: #000;
@green: #cccccc;

vue入口檔案：

import vant from 'vant';
import '../../less/var-reset.less';  // 引入var-reaet.less檔案
Vue.use(vant);

vue檔案：

Hello admin
<van-button type="default">預設按鈕</van-button>
<van-button type="primary">主要按鈕</van-button>
<van-button type="warning">警告按鈕</van-button>
<van-button type="danger">危險按鈕</van-button>