Создание "Популярные / Самые популярные статьи" в Vue

Question

Первый раз, работая с Vue и создавая приложение Vue с помощью API WordPress Rest.

Что я хочу сделать, так это создать некий компонент "Популярные / Самые популярные статьи", основанный на количествеПросмотры.

В WordPress есть плагин наподобие WP-PostViews, который сохраняет представления постов в метаполе, а затем вы можете запрашивать посты на основе этого количества.

Возможно ли сделать что-то вродечто в вю?Какой будет лучший подход?Может быть, сделать «axios.post» по клику?Извините, я не очень знаком с Vue

Answer 1

Сделал быстрый пример для вас с помощью axios.Вы должны заменить URL своим API.

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