wufapexef

можно описывать переменные в JSON, а потом этот JSON подключать в JS файле.

Потому что у тебя контента нет, нечему скролиться .

.content
  width 100%
  height 100vh
  background-color grey
  overflow-y scroll

Вроде то, но там должен быть контент, который занимает больше пространства чем блок

P.S. Второй вариант решения без привязки к VH

<header></header>
<div class="wrapper">
<div class="content">
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
  <h1>на тебе контент</h1>
</div>
  </div>

body {
  overflow:hidden;
  height:100%
}
.wrapper {
  height:100%;
  position: absolute;
  width:100%;
}
header {
   width :100%;
  height :5em;
  background-color :red ;
}
.content{
  background-color: white;
  padding: 10px;
  max-height:100%;
  position:relative;
  overflow-y:auto;
}

Беда... Сказали 100500 раз - чтоб был скролл надо указать высоту.
Вот: https://codepen.io/anon/pen/ZomyrQ
height: 100% и все работает

https://my.telegram.org/auth?to=deactivate
Удалится все, включая созданные стикеры, боты и каналы.

<b>= bold = 700

700

Можно потренироваться на codewars.com , заодно развеете свои иллюзии на счет 50% всего скилла.
Только чур - сперва пробуете решить самостоятельно, и только если совсем не получается - смотрите чужие решения. И после того как решили, можно сравнить свое решение с остальными. Иногда очень удивляет.

const getFilterData = {
  'show all': function () {
    return true
  }
}

let array = ['terror', 'army', 'order', 'happiness']

array.forEach(item => {
  getFilterData[item] = function(el) {
     return el.tags.some(function(element) {
      return element.name === 'army'
    })
  }
})

Но почему не так?

filterBy(type, el) {
  return el.tags.some((element) => element.name === type)
}

https://jsfiddle.net/yarkov_aleksei/aLzppy5q/

const result = array.map(el => ({ ...el, tags: Object.values(el.tags) }));

const foo = (array, obj) => array.some(el => Object.values(obj).includes(el));

Демо

Но ведь this.$refs.cpt это объект а не массив.

Откуда такая информация? Как именно определён cpt вы почему-то решили не показывать, а если ref используется совместно с v-for (на том же элементе, или дочерних) - будет массив.

Видимо, потому что в исходном коде плагина реализована своя функция filter

К слову о возможности применения методов массивов на объектах. Вот этот код отлично работает:

const obj = {
  '0': 'some value 0',
  '1': 'some value 1',
  '2': false,
  length: 3,
};

const filteredArr = Array.prototype.filter.call(obj, el => el);
console.log(filteredArr); // ["0 value", "1 value"]

Массив это лишь особый вид объекта с особым набором ключей и дополнительными методами в прототипе.

const set= new Set();
arrayOne.concat(arrayTwo).forEach(u => set.add(u));
arrayThree.concat(Array.from(set));

в arrayThree добавятся элементы из arrayOne и arrayTwo по одному разу.

Или имелось в виду "уникальные" это которые не встречаются в обоих массивах?

Если так, тогда вот https://habrahabr.ru/post/248229/
Симметрическая разность массивов

И есть готовый инструмент. https://lodash.com/docs/4.17.5#difference

if (this.articleArray.indexOf(data) === -1) {
  this.articleArray.push(data)

всё равно добавляется

А, позвольте поинтересоваться, каков тип значения, которое вы пытаетесь добавить? Не объект ли? При сравнении объектов сравниваются их ссылки, а не содержимое. Поэтому проверку наличия элемента надо выполнять иначе, по id (если таковой имеется, или другому уникальному свойству), как-то так:

if (!this.articleArray.some(n => n.id === data.id)) {
  ...

Если вдруг попытки добавить уже присутствующие в массиве элементы будут производиться часто, то, чтобы постоянно не бегать по массиву, можно сделать вычисляемое свойство, представляющее набор id содержащихся в массиве объектов и проверять, содержится ли в нём id проверяемого объекта (проверка наличия значения в наборе в среднем выполняется быстрее, чем поиск по массиву):

computed: {
  articleIds() {
    return new Set(this.articleArray.map(n => n.id));
  },
  ...

if (!this.articleIds.has(data.id)) {
  ...

Все что не является числом, символом или строкой, является лишь указателем на область памяти, от куда начинается этот Обьект,
Массив же как обьект у тебя это указатель к примеру он равен

let aaa = [1,2,3] //  aaa на самом деле на низком уровне равно
 //к примеру 0x8e118e8e - это адрес в памяти где будет хранится 
1(первый элемент массива), это указатель на первый элемент. 
Тогда 2 будет(тип Int = 4 байта) =0x8e118e8e+4 = 0x8e118e91.

А массивы в js еще и динамические как и типы данных!
Если нужно скопировать, то нужно скопировать все его значения, которые не являются объектами.
Использую [].slise(); можешь создать пустой массив, и через for( ... ) заполнить его пройдясь по элементам.

Присваивается не сам массив , а ссылка на него т.е aaa и bbb используют ссылку на 1 массив , чтобы этого избежать можно использовать полное копирование метод slice:
let bbb = aaa.slice();

Потому что обе переменные (aaa и bbb) ссылаются на один и тот-же объект.

Можно сделать так:

let aaa = [1,2,3]
let bbb = [...aaa ] // не обязательно через spread, можно чем угодно, что делает копию. slice, например.
bbb.push(4)

console.log(aaa) // [1,2,3]
console.log(bbb) // [1,2,3,4]

https://jsfiddle.net/s716xeq9/

Html entities table
https://dev.w3.org/html5/html-author/charref