Web Vue.js实现网页版权处的时间自动更新

Copyrights

之前写博客的时候加了个网页版权处的时间自动更新

采用vue.js实现了一下这个简单的功能

演示地址： http://royalmjz.leanapp.cn

下面的是HEXO博客 放在这里只是SEO优化一下下 http://royalmjz.github.io

今天向大家介绍一个随着时间的变化自动延长版权年限的代码。如：您的网站是Copyright@2014-2017，那么加了这段代码后无需手动更新，只要设置好开始年份，结束年份自动更新，当前是哪一年就更新至哪一年，假如到了2018年，版权信息将自动更新为Copyright@2014-2018。

<template>
  <div>
    <p>Copyrights © 2014-{{ jzCurrentYear }} RoyalMjz. All Rights Reserved.</p>
  </div>
</template>

<script>
module.exports = {
  data: function () {
    var copyright = new Date()
    var update = copyright.getFullYear()
    return {
      jzCurrentYear: update
    }
  }
}
</script>

<style scoped>
  p {
    font-size: 1.4rem;
    margin: auto;
    color: #3d3d3d;
  }
</style>

共

同

进

步

给个喜欢喔O(∩_∩)O

---