vue中 双击编辑文本内容 并且限制最多输入十五字，输入框失去焦点自动保存

你可以使用`contenteditable`属性来实现编辑文本内容，使用`@dblclick`事件监听双击事件，使用`@blur`事件监听输入框失去焦点事件。在方法中对输入框文本长度进行限制，并在保存时使用`localStorage`进行数据存储。

HTML代码：

<div contenteditable="true" @dblclick="editContent" @blur="saveContent">{{ content }}</div>

Vue代码：

export default {
  data() {
    return {
      content: '',
    };
  },
  methods: {
    editContent(event) {
      event.preventDefault();
      this.content = event.target.innerText;
    },
    saveContent() {
      if (this.content.length > 15) {
        this.content = this.content.slice(0, 15);
      }
      localStorage.setItem('content', this.content);
    },
  },
  mounted() {
    this.content = localStorage.getItem('content') || '';
  },
};

上述代码使用`localStorage`进行数据存储，如果需要在服务端保存数据，可以使用`axios`等库和后端接口进行数据交互。