vue2中如何定义ref

在Vue 2中，您可以使用`ref`函数来一个ref。`ref`函数接收一个初始值作为参数，并返回一个响应式的对象。下面是一个示例：

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    increment() {
      this.count++;
    },
  },
  mounted() {
    // 定义一个ref
    this.countRef = this.$refs.countRef;
  },
};
</script>

在上面的示例中，我们通过`$refs`来引用DOM元素，并将其赋值给`countRef`。这样，我们就可以在其他方法中使用`this.countRef`来访问DOM元素。

请注意，`ref`函数在Vue 2中主要用于访问DOM元素，如果您需要在组件中引用其他组件或子组件，可以使用`$refs`来实现。