Question

我是Vue的新手，正在尝试在我的组件中获得一个简单的作用域断点。

<template>
  <div class="date-picker">
    <p>{{ date }}</p>
  </div>
</template>


<script>
import moment from 'moment'

export default {
  data () {
    debugger;

    return {
      date: moment().format('YYYY-MM-DD')
    }
  }
}
</script>


<style lang="scss" scoped>

</style>

我希望debugger语句可以在我可以在Chrome开发者控制台中访问moment的地方设置一个断点，但这似乎不起作用。这可能吗？

Answer 1

您不能在数据属性中放置调试器。

尝试这样的事情：

<template>
  <div class="date-picker">
    <p>{{ date }}</p>
    <button @click="debuggerButton">Debugger</button>
  </div>
</template>


<script>
import moment from 'moment'

export default {
  data () {
    return {
      date: moment().format('YYYY-MM-DD')
    }
  },
  methods: {
      debuggerButton(){
          debugger
      }
  }
}
</script>

使用调试器在Vue中获取断点

1 个答案: