.vue文件中编写methods和computed?

1.问题
使用vue-cliwebpack模版搭建的脚手架。想在footer.vue文件中进行copyright的年份的设置,通过js获取当前年份,在computed部分进行copyright字符串的拼接(年份+网址)。vue-cli脚手架的.vue文件中只export了data,我尝试编写了computed部分但是不起作用。

2.代码

<template>
  <footer class="footer">
    {{copyright}}
  </footer>
</template>

<script>
export default {
  data () {
    return {
      year: (new Date()).getFullYear(),
      site: 'www.example.com',
    }
  },
  computed() {
    return {
      copyright(){
        return 'Copyright &copy;'+this.year+' '+this.site  //not OK
      }
    }
  }
}
</script>

<style>
</style>

3.错误信息&截图
呃其实没有截图的必要,就是版权信息没有输出。

4..vue文件中,出了data外,methods和computed要怎样输出?

阅读 6.1k
2 个回答
<script>
export default {
  data () {
    return {
      year: (new Date()).getFullYear(),
      site: 'www.example.com',
    }
  },
  computed: {
    copyright () {
      return 'Copyright &copy;'+this.year+' '+this.site
    }
  }
}
</script>
 computed() {
    return {
      copyright(){
        return 'Copyright &copy;'+this.year+' '+this.site  //not OK
      }
    }
  }

等同于

 computed:function() {
    return {
      copyright(){
        return 'Copyright &copy;'+this.year+' '+this.site  //not OK
      }
    }
  }

建议进一步学习es6的相关知识,切勿硬套

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题