vue input 限制输入，小数点后保留两位 以及 图片垂直居中显示 和 分享 git 小技巧

针对您的问题，我将提供解决方案和相应的代码示例。

1. Vue中input限制只能输入数字，并且小数点后保留两位：

<template>
  <input v-model="inputValue" @input="limitTwoDecimalPlaces"/>
</template>
 
<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    limitTwoDecimalPlaces(event) {
      // 将输入值转为数字类型，并保留两位小数
      this.inputValue = +event.target.value.replace(/\.{2}/g, '.').replace(/[^\d.]/g, '').replace(/^(\-)*(\d+)\.(\d{2}).*$/, '$1$2.$3');
    }
  }
};
</script>

2. 图片垂直居中显示：

.image-center {
  display: flex;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
  height: 100px; /* 设置容器高度 */
  overflow: hidden; /* 超出容器部分隐藏 */
}

<template>
  <div class="image-center">
    <img :src="imageUrl"/>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      imageUrl: 'path/to/your/image.jpg'
    };
  }
};
</script>

3. 分享Git小技巧：

• 使用git commit --amend修改最后一次提交信息。
• 使用git rebase -i HEAD~n来交互式地修改最近n次提交。
• 使用git stash来临时保存工作进度。
• 使用git cherry-pick <commit-hash>来将特定的更改应用到其他分支。
• 使用git push --force来强制推送到远程仓库（慎用）。

请根据需要选择相应的解决方案和Git小技巧。