Question

第一次使用Vue并使用wordpress rest api制作vue应用。

我想要做的是根据视图数量创建某种“趋势/最受欢迎的文章”组件。

在wordpress中，有一个类似WP-PostViews的插件将帖子视图存储在一个meta字段中，然后您可以根据该计数查询帖子。

是否可以在Vue中执行类似的操作？最好的方法是什么？也许点击“ axios.post”？对不起，我对Vue不太熟悉

Answer 1

使用axios为您提供一个简单的示例。您应使用API替换URL。

new Vue({
  el: "#app",
  data: {
    articles: []
  },
  mounted() {
  	axios.get("https://jsonplaceholder.typicode.com/posts")
    	.then(response => {
      	this.articles = response.data
      })
  }
})

body {
  background: #20262E;
  padding: 20px;
  font-family: Helvetica;
}

#app {
  background: #fff;
  border-radius: 4px;
  padding: 20px;
  transition: all 0.2s;
}

li {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js"></script> 
<div id="app">
  <h2>Articles:</h2>
  <ol>
    <li v-for="article in articles">
      {{article.title}}
    </li>
  </ol>
</div>

说明： 在已安装的挂钩中获取资源（API），因此每次加载组件时，都会为您的文章获取 https://vuejs.org/v2/api/#mounted

在Vue中制作“趋势/最受欢迎的文章”

1 个答案: