Vue.js ESLint: 解决 'ref' 属性应该在 ':data' 之前的问题

这个问题可以通过在 Vue 项目中的 .eslintrc.js 文件中添加以下规则来解决：

module.exports = {
  // ...
  "rules": {
    "vue/attributes-order": ["error", {
      "order": [
        "DEFINITION",
        "LIST_RENDERING",
        "CONDITIONALS",
        "RENDER_MODIFIERS",
        "GLOBAL",
        ["UNIQUE", "SLOT"],
        "TWO_WAY_BINDING",
        "OTHER_DIRECTIVES",
        "OTHER_ATTR",
        "EVENTS",
        "CONTENT"
      ],
      "alphabetical": false
    }]
  }
}

这个规则将确保在 Vue 模板中，属性 'ref' 在 ':data' 之前被定义。