vue2 点击按钮, 改变3个li的顺序, 在头上的就到末尾.

在Vue2中，你可以通过事件绑定和数组操作来实现这个功能。首先，你需要在模板上给每个列表项添加一个点击事件，并将它们关联到一个方法，该方法会处理改变列表顺序的操作。

HTML部分：

<ul id="list">
  <li v-for="(item, index) in items" :key="index">
    <button @click="changeOrder(index)">点击</button>
    {{ item }}
  </li>
</ul>

在这个例子中，`items`是一个包含三个元素的数据数组，`v-for`指令遍历数组并创建列表项。

然后，在你的Vue实例的methods里定义`changeOrder`方法：

export default {
  data() {
    return {
      items: ['A', 'B', 'C']
    }
  },
  methods: {
    changeOrder(index) {
      // 将当前选中的元素移动到最后
      this.items = [...this.items.slice(0, index), ...this.items.slice(index + 1)];
    }
  }
}

当你点击一个列表项的按钮时，它触发`changeOrder`方法，数组会被更新，原来的第`index`个元素会移到数组的末尾。