欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

在博客中加入一言

程序员文章站 2022-06-04 17:09:42
...

在博客中加入一言

什么是一言

一言网(hitokoto.cn)创立于 2016 年,隶属于萌创团队,目前网站主要提供一句话服务。

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。

简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。 或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

在博客中加入一言

示例

这里示例使用Vue进行演示

在需要添加的位置添加标签

<p id="hitokotoText" class="m-text-thin m-text-spaced m-opacity-mini">{{ hitokoto.hitokoto }}</p>
          <p id="hitokotoFrom" class="m-text-thin m-text-spaced m-opacity-mini" style="float: right" v-text="hitokoto.from?`——《${hitokoto.from}》`:''"></p>

定义返回参数和方法

<script>
export default {
//接收api返回的数据
  data(){
    return{
      hitokoto: {},
    }
  },
  methods: {
      //调用api获得返回数据
    getHitokoto() {
      this.$axios.get('https://v1.hitokoto.cn/?c=a').then(res => {
        console.log(res)
        this.hitokoto = res.data
      })
    }
  },
  //初始化方法
  created() {
    this.getHitokoto()
  }
}
</script>