要使用splitpanes插件在Vue项目中垂直分割成宽度不同的两列，可以按照以下步骤操作：

1. 首先，确保已经安装了splitpanes插件。如果还没有安装，可以使用npm（Node Package Manager）进行安装：

npm install splitpanes

1. 在你的Vue项目中，添加splitpanes插件的依赖。如果项目使用的是npm，可以在package.json文件中添加以下依赖：

"dependencies": { "splitpanes": "^2.4.0" }

1. 创建一个splitpanes组件，用于在你的Vue项目中垂直分割成宽度不同的两列：

```html

```

1. 在你的Vue组件中，你可以使用splitpanes的splitpanes-content组件来实现垂直分割：

html <splitpanes> <div class="splitpanes-content"> <!-- Your content here --> </div> <div class="splitpanes-content"> <!-- Your content here --> </div> </splitpanes>

1. 最后，你可以使用splitpanes的splitpanes-content组件来添加更多的分割线：

html <splitpanes> <div class="splitpanes-content"> <!-- Your content here --> </div> <div class="splitpanes-content"> <!-- Your content here --> </div> <div class="splitpanes-content"> <!-- Your content here --> </div> </splitpanes>

这样，你就创建了一个使用splitpanes插件垂直分割成宽度不同的两列的Vue项目组件。