0xD34F

Первое, на что стоит обратить внимание - sectionVal, который вы пытаетесь вывести, он один на все строки. Так у вас везде будет одно и то же. Наверное, стоит сделать sectionVal объектом, ключами будут id строк, значения - то что вы будете получать в результате своего запроса.

Ну а дальше всё просто - в методе section просто обновляете sectionVal по id строки, типа так (запроса понятное дело нет, просто дублируются введённые данные, но думаю, принцип понятен).

Не надо ничего проверять, просто отменяйте всплытие события в обработчике клика по кнопке.

Проблема не в фильтре, а в способе замены. Чтобы заменить все пробелы, вместо строки выполняйте поиск по регулярному выражению с модификатором g:

Vue.filter('lhprob', val => val && val.toString().replace(/ /g, 'GG'));

P.S. Ну и это, вот ещё что - определяйте фильтр до инициализации приложения, а не после. А то при первом рендеринге в консоль падает [Vue warn]: Failed to resolve filter.

function($i) use ($var) {

А вы вообще понимаете, что делает метод forOwn? Явно нет. Он перебирает собственные свойства объекта, передавая их в коллбек. Всё. Что вы там из коллбека вернёте - неважно, forOwn вернёт переданный объект. Документацию могли бы и почитать.

Вам lodash тут не нужен:

Object.keys(notif).map(key => <div key={key}>{key} - {notif[key]}</div>)

А если всё же без него никак, то используйте map вместо forOwn:

_.map(notif, (value, key) => <div key={key}>{key} - {value}</div>)

document.querySelector('input').addEventListener('input', function() {
  this.value = this.value.toUpperCase();
});

text-transform: uppercase; - не подходит, так как влияет только на отображения, не меняя сами данные

Кстати, подходит. Надо только будет выполнять .toUpperCase() при получении значения input'а.

get () { this.$store.getters['newRequest/selectedCreditStatus'] }

Нигде return не потеряли?

Замечу, что, не хотелось бы отказываться от геттеров и сеттеров в пользу всяких data () {} и methods: {}. Уже делал в таком варианте и получилось довольно громоздко и некрасиво.

Если вдруг откажетесь (если что, я этого делать не призываю), ничего громоздкого писать не придётся, класть в data ничего не нужно, создавать метод не обязательно. Чем является v-model? - это привязка значения + прослушивание события. Т.е.,

:value="геттер" + @input="мутация($event.target.value)"

ul a {
  color: black;
}

ul li:hover > a {
  color: red;
}

https://jsfiddle.net/pbw5L1eq/

Не знаю, что ещё можно добавить к уже сказанному в документации. Думаю, наглядная демонстрация поможет лучше понять, что к чему.

Пример номер раз - key нет. Пример номер два - key есть. Тыкаем кнопочку и смотрим, что происходит со значениями в инпутах. В первом случае они остаются на месте, во втором начинают ездить по кругу (аналогично элементам массива). Почему так? Возвращаемся к процитированному вами отрывку из документации, и осознаём, что в первом случае

Vue использует алгоритм, минимизирующий перемещение элементов

а во втором

Vue изменяет порядок следования элементов, основываясь на изменении порядка ключей

Проверяйте, что у вас получается при конвертации в число:

const arr = str.split(' ').map(n => isNaN(n) ? n : +n);

data: () => ({
  value: '',
}),
computed: {
  style() {
    return {
      width: `${20 + this.value.length * 10}px`,
    };
  },
},

<input v-model="value" :style="style">

Пусть родительский конструктор принимает значения общих свойств и устанавливает их:

function Ship(x, y) {
  this.x = x;
  this.y = y;
}

Вызывайте его в дочерних конструкторах, указывая в качестве контекста текущий экземпляр:

function PlayerShip(x, y) {
  Ship.call(this, x, y);
  this.petrol = 100;
}

Передавайте в метод объект товара, и там уже делайте его count'у +/-1:

<i class="icon-arrow-down" @click="updateCount(good, -1)"></i>
<i class="icon-arrow-top" @click="updateCount(good, 1)"></i>

methods: {
  updateCount(good, change) {
    good.count = Math.max(0, good.count + change);
  },
},

Копипаста кода из документации результата не даёт

Что неудивительно - документация-то для Андроида, а у вас что?

Используем правильную документацию, немного допиливаем пример и... вы хотите что-то вроде этого, да?

Добавим в компонент свойство, указывающее, сколько элементов надо отображать:

data: () => ({
  numShow: 0,
  ...

С его помощью будем получать массив отображаемых элементов:

computed: {
  itemsToShow() {
    return this.items.slice(0, this.numShow);
  },
  ...

Создадим методы для показа следующего или скрытия предыдущего элемента - для этого достаточно делать +/- 1 количеству отображаемых элементов:

methods: {
  showNext() {
    this.numShow = Math.min(this.items.length, this.numShow + 1);
  },
  hidePrev() {
    this.numShow = Math.max(0, this.numShow - 1);
  },
  ...

Повесим этим методы в качестве обработчиков событий завершения показа и скрытия элемента:

<transition-group
  @after-enter="showNext"
  @after-leave="hidePrev"
  ...
>
  <div 
    v-for="(n, i) in itemsToShow"
    :key="n.id"
    ...
  >
  ...

Запуск процесса анимации - только из крайних положений, когда ничего не отображается или отображается всё:

methods: {
  run() {
    this.numShow += ({
      0: 1,
      [this.items.length]: -1,
    })[this.numShow] || 0;
  },
  ...

https://jsfiddle.net/6Ljzpeu2/

А вообще, в документации есть пример на эту тему.

pointer-events: none;

Можно завести свойство в стейте, содержащее сообщение об ошибке, если имеет не falsy значение - выводить его, как-то так (вместо вашего запроса тут просто setTimeout и генерация случайных данных, но, думаю принцип понятен).

Добавить два свойства - массив, описывающий типы, и тип, данные которого надо отобразить:

data: () => ({
  types: [
    { id: null, name: 'Все' },
    { id: ..., name: '...' },
    { id: ..., name: '...' },
    ...
  ],
  active: null,
  ...

Дать пользователю возможность выбирать тип отображаемых данных:

<button v-for="n in types" @click="active = n.id">{{ n.name }}</button>

<!-- или -->

<select v-model="active">
  <option v-for="n in types" :value="n.id">{{ n.name }}</option>
</select>

<!-- или -->

<label v-for="n in types">
  <input type="radio" name="type" :value="n.id" v-model="active">
  {{ n.name }}
</label>

Сделать вычисляемое свойство, которое будет представлять отфильтрованные данные:

computed: {
  filteredItems() {
    const { items, active } = this;
    return active ? items.filter(n => n.type === active) : items;
  },
  ...

Показать результат фильтрации:

<tr v-for="(n, i) in filteredItems">
  ...

https://jsfiddle.net/jhekutv3/

ALTER TABLE "table_name" ALTER COLUMN "column_name" SET DEFAULT '';