Обратные данные JSON в Vue.JS с помощью reverse ()

Question

Мне нужно изменить порядок каналов JSON, который используется в проекте Vue.JS.

В других средах функция reverse () выполнила свою работу.Я попытался добавить в сценарий Vue.JS, но пока не радуюсь.

Любые идеи о другом синтаксисе, которые я мог бы попробовать?

<script type="text/javascript">
new Vue({
    el: '#vueapp',
    data: {
        json: null
    },
    created: function () {
        var _this = this;
        $.getJSON('https://www.example.com/myfeed.json', function (json) {
            _this.json.reverse() = json;
        });
    }
});
</script>

Итак, последний элемент в JSON (дом насторона горы в приведенном ниже примере) будет отображаться первой при загрузке страницы данных JSON.

https://jsfiddle.net/5kt9jurc/3/

Похоже, что в некоторых поисках Google инверсия () больше не работает с Vue2и устарела.

Answer 1

Вы можете перевернуть массив.Посмотрите на мою скрипку .Я заменил getJSON на fetch , чтобы использовать обещания.Также вам не нужно делать var _this = this; Это выглядит немного странно.Поскольку свойства Vue.js являются реактивными, вы можете просто установить значение.

Вот код:

const app = new Vue({
  el: '#app',
  data: {   
    items: []
  },
  created: function() {
    fetch('https://api.jsonbin.io/b/5b02b2bbc83f6d4cc7349a7b')
      .then(resp => resp.json())
      .then(items => {        
        this.items = items.reverse()
      })
  }
});

Answer 2

Я думаю, что вы хотите что-то вроде этого:

_this.json = json.reverse();

То есть, если json - это уже проанализированный массив json.В противном случае сначала проанализируйте строку json:

const array = JSON.parse(jsonString);
this.data = array.reverse();

То, как вы делаете, вы пытаетесь присвоить значение результату выражения, что не имеет особого смысла (значения с правой стороны не могутбыть назначенным на).