Vue零件未出现在主页上

时间:2018-11-06 13:21:57

标签: vue.js

经历了我坚持的Vue.js课程。主要问题是我以前从未使用过vue.js,本课程的50%只是向我抛出代码片段,所以我可能会出错。我有以下脚本:

<script>
import moment from 'moment'
export default {
  data () {
    return {
      dates: [],
      closedIncidents: [{
        'id': 1,
        'title': 'Slow response times',
        'end': '2018-8-2 13:00:12',
        'start': '2018-8-1 13:00:12',
        update_set: [{
          'description': 'We have noticed some connectivity issues',
          'date': '2018-8-1 13:00:12',
          'status': 'Investigating'
        }]
      }]
    }
  },
  mounted () {
    var end = new Date(new Date().setDate(new Date().getDate() - 6))
    var start = new Date()
    for (this.dates = []; end <= start; start.setDate(start.getDate() - 1)) {
      this.dates.push(start)
    }
  },
  methods: {
    getIncidents: function (i) {
      return this.closedIncidents.filter(a => moment(moment(a.start).startOf('day')).isSame(moment(i).startOf('day')))
    }
  },
  filters: {
    dateFormat: function (value) {
      return moment.utc(value).format('li')
    }
  }
}
</script>

我的应用程序的这一部分没有出现在我的主页上。导入没有错误,因为它们都是相同的,并且仅此.vue文件不起作用。

我的问题是-这个脚本一切正常吗?

1 个答案:

答案 0 :(得分:1)

该脚本未出现在您的页面上,可能是因为您在模板上存在一些错误,您也可以显示它吗