vue2中methods里的方法怎么拿去data的数据

在Vue2中，可以使用this关键字来访问data中的数据。例如，如果你有一个名为"message"的数据属性，你可以在methods中使用this.message来访问它。例如：

data() {
  return {
    message: 'Hello World!'
  }
},
methods: {
  showMessage() {
    alert(this.message);
  }
}

在上面的代码中，showMessage方法使用this.message来访问data中的message属性，并在弹出窗口中显示它。

相关问题

vue方法传值到data_vue 中几种传值方法

在 Vue 中，可以通过以下几种方式将数据传递给 data 中的变量：

1. 直接在 data 中定义变量，然后在方法中直接使用 this 变量来修改变量的值，例如：

data: {
  message: 'Hello Vue!'
},
methods: {
  updateMessage() {
    this.message = 'New message!'
  }
}

2. 使用 $set 方法来动态添加属性，例如：

data: {
  person: {
    name: 'John',
    age: 30
  }
},
methods: {
  updateAge() {
    this.$set(this.person, 'age', 31)
  }
}

3. 使用 Vue.set 方法来动态添加属性，例如：

data: {
  person: {
    name: 'John',
    age: 30
  }
},
methods: {
  updateAge() {
    Vue.set(this.person, 'age', 31)
  }
}

4. 通过 props 将数据传递给子组件，然后在子组件中使用 v-model 或 $emit 方法来修改父组件中的数据。

需要注意的是，在 Vue 2.x 中，不能直接使用 this.$data 来访问 data 中的变量，否则会导致响应式失效，应该直接使用 this 变量来访问和修改数据。

下列选项中关于Vue对象中各列表说法正确的是（） el选项用于接收获取页面的元素，是根据常用选择器获取的，例如：el:"#div" data选项用于保存当前Vue对象中的数据，在视图中声明的变量需要在这里赋值 data中可以声明多个变量，变量的赋值用 : ，多个变量之间用逗号间隔 methods选项中可以定义多个方法，方法的实现中如果要调用当前Vue对象中data的数据，可以使用this关键字。

正确的说法是：

el选项用于接收获取页面的元素，是根据常用选择器获取的，例如：el:"#div"。

data选项用于保存当前Vue对象中的数据，在视图中声明的变量需要在data选项中进行赋值。

data中可以声明多个变量，变量的赋值使用键值对的形式，多个变量之间用逗号间隔。

methods选项中可以定义多个方法，方法的实现中如果要调用当前Vue对象中data的数据，可以使用this关键字。