方法中的Vue数据

Question

如何在Vue方法中使用数据？下面的代码段应该表明我正在尝试做什么。使用输入字段修改stringy，因此该值不能是常规字符串（this.$emit('event_child', this.$data.stringy = 'I like pizza')。

<script>
export default {
  name: 'Step1',
  data () {
    return {
      stringy: ''
    }
  },
  methods: {
    emit: function() {
            this.$emit('event_child', this.$data.stringy = stringy)
        }
  }
}
</script>

我本质上是尝试以最简单的方式从父组件中访问数据。

Answer 1

访问Vue实例中的数据时，您无需使用this.$data，只需使用this

methods: {
emit: function() {
        this.$emit('event_child', this.stringy)
    }

}

这将使用stringy

的值发出event_child事件