vue.js - 使用调试器在 Vue 中获取断点

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>