Igor Koch

<div v-bind:style="{backround: `url('${getPhoto()}')`}"></div>

Работа с классами и стилями

https://github.com/axios/axios CTRL + F "get"

// Make a request for a user with a given ID
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

axios.get('/user', {
    params: {
      ID: 12345
    }
  })

Дублируйте просто класс в передаваемую функцию:

<h1 class="title" v-bind:class="{ 'active': isVisible('title')}">Test</h1>

Просто используйте также стрелочную функцию в timeout, тогда this будет виден.

this.timeout = window.setTimeout(() => {
  //function body
});

либо

let self = this; //за пределами блока

//...

self.telbook = response.data //внутри блока

https://jsfiddle.net/rzkrndyg/2/

:style="{'background-image': 'url(' + require('./images/bg/1.jpg') + ')' }"

:style="{'background-image': 'url(' + require('~/assets/img/logo.png') + ')' }"

https://ru.vuejs.org/v2/guide/transitions.html

Enjoy:

getTown(e) {
  let self = this;
  $("#search_select").keyup(function() {
    if ($(this).val().length > 2) {
      queryParams['str'] = $(this).val();
      callApi('towns', queryParams, '').then((res) => {
        Vue.set(self, 'cities', res.data.data);
        console.log(2, $('#li').length, self.cities);
      })
    }
  })
},

P.s. Отучайтесь пихать Jquery туда где он не нужен, ваш код прямо таки хочется взять и ... переписать)
Есть куча уже готовых компонентов под ваши задачи: https://github.com/vuejs/awesome-vue#autocomplete

Можно вот так:
https://forum.vuejs.org/t/passing-data-back-to-par...

На поле в чайлде повесить @change="runMethod(variable_from_vuex)"

Эвент в чайлде эммитит в парент, а парент передает значение переменной в свою data

В data храните номер активного таба, а в эвентах используйте его:

Эвент:
@mouseleave="expand(1)"

В табах:
:class="{ active: active == 1 }"

data:

data() {
    return {
      acitve: 1,
    };
 },

а в методах:

methods: {
    expand(number) {
      Vue.set(this, 'active', number); //this.active = number
    },
  },

//let block = {...empty_block};
let block = _.cloneDeep(empty_block);

https://lodash.com/docs/#cloneDeep

v-bind
:placeholder="warning"

Посмотрите этот проект, а в частности как
сервер обращается с api и вместо связки nuxt + express, на примере делайте nuxt + php

я использую _.clone, _.cloneDeep из lodash.

У вас долго подгружается библиотека, поэтому и висит, когда библиотека грузится быстро, или из кэша, такого не будет заметно. Для того чтобы скрыть этот эффект используют v-cloak.

Пример с таймаутами: https://jsfiddle.net/whata/50wL7mdz/50159/

P.s. Подключайте Vue в head блоке на странице.

Я бы реализовал с помощью простой матрицы, вместо цвета также можно принимать объект с множеством параметров {Цвет, размер и т.д.}
Например: https://jsfiddle.net/3tqmcg3a/2/

в data завести переменную:
isD3JS: true
На чекбокс повесить v-model
<input type="checkbox" v-model="isD3JS">
и в методе использовать

svg: function (){
  if(this.isD3JS){
    this.d3()
  }else{
    this.svgSnap()
  }
}

Можно брать элемент по id, как дали ответ выше, но используя Vue это бдует неправильно.