0xD34F

arr = arr.filter(n => n.id !== ID);

Или, если не хотите создавать новый массив:

arr.splice(arr.findIndex(n => n.id === ID), 1);

Это, конечно, если вы уверены, что элемент с таким id действительно есть. В противном случае перед удалением надо проверить, чем является индекс:

const index = arr.findIndex(n => n.id === ID);
if (index !== -1) {
  arr.splice(index, 1);
}

s.substr(0, s.find_last_of('/') + 1)

function toggleClass(selector, className, delay) {
  let index = -1;

  return setInterval($items => {
    $items.eq(index).removeClass(className);
    index = (index + 1) % $items.length;
    $items.eq(index).addClass(className);
  }, delay, $(selector));
}


const intervalId = toggleClass('.wrap div', 'active', 300);

или

function toggleClass(selector, className, delay) {
  const items = document.querySelectorAll(selector);
  let index = ~-items.length;

  return items.length
    ? setInterval(() => {
        items[index].classList.remove(className);
        index = -~index % items.length;
        items[index].classList.add(className);
      }, delay)
    : null;
}

Да так же, как и везде - добавляете атрибут type="password".

data: () => ({
  value: '',
  error: false
}),
methods: {
  checkValue() {
    this.error = в зависимости от this.value;
  }
}

<input v-model="value" :class="{ error }" @blur="checkValue">
<span v-show="error">ошибка</span>

.error {
  border-color: red;
}

https://jsfiddle.net/ujr0bgLv/

const msgArr = msg.trim().replace(/[-,]/g, '').split(/\s+/);

Как можно его подключить в проект без использования webpack, vue-cli?

"Подключить" - никак (по крайней мере, в документации иных способов кроме как с использованием сборщиков не упоминается). Можно разве что утащить исходники, и... Вот. Это, разумеется, дикость. Освойте лучше vue-cli - там нет ничего сложного.

UPD [Дописано сильно позднее]. Появилась возможность подключить через cdn. Например.

document.querySelectorAll('.item-parent').forEach(n => {
  n.insertAdjacentHTML('beforeend', '<div class="item-decor"></div>');
});

или

for (const n of document.getElementsByClassName('item-parent')) {
  const div = document.createElement('div');
  div.classList.add('item-decor');
  n.appendChild(div);
}

function prev(el, selector) {
  if (el instanceof HTMLElement) {
    el = el.previousElementSibling;
    return el && (!selector || el.matches(selector)) ? el : null;
  }

  if (el && Number.isInteger(el.length) && el.length >= 0) {
    return Array.prototype.reduce.call(
      el,
      (acc, n) => ((n = prev(n, selector)) && acc.push(n), acc),
      []
    );
  }

  return null;
}


// можно передавать как одиночный элемент (результатом будет тоже элемент или null)...
prev(document.body)

// ... так и коллекции (результатом будет массив)
prev(document.images)
prev(document.querySelectorAll('div'), 'span')

А вообще - загляните-ка сюда.

v-model

При необходимости обновить значение путём записи свойства value у поля ввода, после собственно установки значения, надо будет отправить ему событие input, которое слушает v-model:

input.value = какое-то значение;
input.dispatchEvent(new Event('input'));

Вот так. Данные строки таблицы доступны через параметры слота. Например (кнопка Info).

почему то, выводятся данные в виде undefined

Да понятно почему - вы ничего не возвращаете из метода getFriends.

То есть, должно быть так:

getFriends() {
  return Vue.axios.get(...

Использовать, соответственно, как-то так:

this.$friends.getFriends().then(friends => console.log(friends))

Контекст потеряли. Так что this в then/catch - это не экземпляр компонента, а window (или undefined - в строгом режиме).

Используйте стрелочную функцию:

.then((response) => {
  this.loading = false;
  console.log(response);
})

Или bind:

.then(function(response) {
  this.loading = false;
  console.log(response);
}.bind(this))

Или сохраняйте контекст в переменную перед запросом:

var that = this;
axios.post('/comment', {
  text: this.com_text,
}).then(function(response) {
  that.loading = false;
  console.log(response);
})

Или сделайте метод асинхронным и вместо then используйте await:

methods: {
  async add_comm() {
    this.loading = true;

    try {
      var response = await axios.post('/comment', {
        text: this.com_text
      });

      console.log(response);
    } catch(error) {
      console.error(error);
    }

    this.loading = false;
  }
}

Или вынесите код коллбеков в отдельные методы (vue самостоятельно привязывает контекст к методам):

methods: {
  add_comm() {
    this.loading = true;

    axios.post('/comment', {
      text: this.com_text
    })
      .then(this.onResponse)
      .catch(this.onError)
      .finally(this.onFinal);
  },
  onResponse(response) {
    console.log(response);
  },
  onError(error) {
    console.error(error);
  },
  onFinal() {
    this.loading = false;
  }
}

Добавьте специфичности селектору, объявленному в родителе.

А вы в курсе, что fetchAll возвращает массив? Вынесите fetchAll из цикла, или используйте fetch.

То есть, должно быть так:

$rows = $result->fetchAll();
foreach ($rows as $row) {

Или так:

while ($row = $result->fetch()) {

SELECT range_id, MIN(sernum), MAX(sernum)
FROM table_name
GROUP BY range_id

<div :class="`profile ${userdata.auth_service}`">

или

<div :class="[ 'profile', userdata.auth_service ]">

или

<div class="profile" :class="userdata.auth_service">

Вместо :src="getImgUrl(diaryIcons) сделайте :src="getImgUrl(icons).

Соответственно, в методе getImgUrl избавьтесь от цикла:

getImgUrl(icon) {
  var images = require.context('../../../../assets/icons/', false, /\.png$/)
  return images('./' + icon.name + '.png')
}

const $sorted = $('table tr').sort(el => $(el).hasClass('important') ? -1 : 1);
$sorted.appendTo($sorted.parent());

или

const $important = $('table tr.important');
$important.parent().prepend($important);

data: () => ({
  focused: false,
}),

<input @focus="focused = true" @blur="focused = false">
<span v-show="focused">FOCUSED</span>

https://jsfiddle.net/mc69wnwu/