Vue вместо jquery на примере кинозала?

В смысле, я хотел сказать, что я изменил немного код из вашего примера на код ниже https://jsfiddle.net/kepo4ka/fLvtjs7q
Вычисляемое свойство срабатывает только при его вызове где-нибудь (в функции, внутри html), а не во всех случаях изменения данных из data. Почему Выч. свойство не может работать "в фоне".
Я, например, хочу присваивать переменной test значение свойства cost и отображать это значение test .
Хочу вот так:

computed: {
    cost(){
     alert('dont work');
     
      let cost = 0;     
      this.places.map(place => {
        if (place.checked && !place.disabled) {
          cost += place.price;
        }
      });
      this.test= cost
      return cost;
    }
  },

А не так

methods: {
  	toggle: function(place){
      if (!place.disabled) {
      	place.checked = !place.checked;
        this.test = this.cost
      }
    }

И не так
<h3>Test: {{cost}}</h3>

И не так

watch: {
  places: {
  handler(val, oldVal)
  {
  	let cost = 0;     
      val.map(place => {
        if (place.checked && !place.disabled) {
          cost += place.price;
        }
      });
      this.test= cost
     
  },
  deep: true
  }
  },

Vue вместо jquery на примере кинозала?

На вашем примере. Функция alert так и не будет вызвана, если нажать на какое-либо место, т.е. изменить свойство какого-либо объекта place.checked.


Почему Вычисляемое свойство cost не срабатывает на каждое событие "изменение объектов из data", а только в том случае, когда оно где-то вызывается ( в функции из app или в html)?
Оно же ведь точно знает, что событие "изменение объектов из data" произошло. Но если нигде не вызывать, то игнорирует это событие.

При использовании watch всё работает, но хочется использовать Вычисляемое свойство.

Vue вместо jquery на примере кинозала?

На вашем примере. Функция alert так и не будет вызвана, если нажать на какое-либо место, т.е. изменить свойство какого-либо объекта place.checked.


Почему Вычисляемое свойство не срабатывает на каждое событие "изменение объектов из data", а только в том случае, когда оно где-то вызывается ( в функции из app или в html)?

Vue вместо jquery на примере кинозала?

alex-1917, делал около 1000 мест с использованием svg, jquery и d3.js, вроде нормально - https://pastebin.com/zuCqnRd3 . Но вопрос не про оптимизацию скорости)

Vue вместо jquery на примере кинозала?

Dima Polos, нет, не совсем. Просто вопрос у меня более общий, не именно для кинозала - Как эффективно и лаконично связывать состояние html элементов с соответствующими объектами (например, список выбранных билетов, который надо передать серверу).
0xD34F, https://pastebin.com/zuCqnRd3 - корявая реализация на jquery и d3.js. Поможет ли Vue уменьшить количество кода и повысить читабельность?


alex-1917, не особо имеет значение. И не обязательно места в зале. Просто элементы состояние которых нужно синхронизировать, например, с каким нибудь массивом. Пусть массивом билетов в зале.

В принципе, Сергей delphinpro ответил на мой вопрос

Docker toolbox, как выполнить команды из нового окна консоли?

Я не знаю поможет ли тебе это.
Но я решил Свою проблему, дописывая к каждой команде docker фразу "docker-machine ssh default"
Например:

docker-machine ssh default docker run -it imageName

Bootstrap dropdown-menu за пределами экрана?

Не получается.
Свой css не используется, только навешивание стандартных классов.
Те классы, которые сейчас и которые в любом случае нужны:
level1) container - обёртка
level2) d-flex justify-content-end align-items-center - выравнивание по правому углу
level3-level5) стандартный блок dropdown
https://jsfiddle.net/3gj9w4tq/12/

Почему не работает условие else if?

Adamos, да, верно. Просто подвел под пример автора.

Почему не работает условие else if?

Adamos, вы правы.

Docker: Как связать два TCP приложения (одно в главной системе, другое внутри docker-контейнера)?

1)

--network=

Note: --network="host" gives the container full access to local system services such as D-bus and is therefore considered insecure.

2) docker run --network="host" --rm mycontainer

Я правильно понял, что по умолчанию режим "bridge" со своими настройками (как узнать), если ставить режим host, то настройки и т.д. как на главной системе. Но Ошибка

docker : C:\Program Files\Docker\Docker\Resources\bin\docker.exe: Error response from daemon: network host not found.

Docker: как запустить консольное Desktop приложение (exe)?

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

Для чего удаление делаем,разве он потом виден,сначала appendChild добавляем,а потом removeChild удаляем div?

olya_097, Может неправильно понимаю, но переменной scrollWidth было присвоено значение до удаления (removeChild), поэтому значение этой переменной ненулевое.
Если поменять местами

document.body.removeChild(div);
var scrollWidth = div.offsetWidth - div.clientWidth;

то будет 0, т.к. div уже нет

Почему тормозит JS на сервере?

А как насчёт того, что на локалке этой проблемы нет

Как работают сайты, тестирующие Код пользователей на с#?

Александр Аксентьев, А как обрабатываются (компилируются, тестируются и т.д.) на этих сайтах коды пользователей на других языка (Java, python, javascript)?

Как работают сайты, тестирующие Код пользователей на с#?

т.е. вышеперечисленные сайты работают исключительно на asp.net и т.п.?

Как правильно сделать слайдер jquery?

Евгений Калибров, Спасибо за объяснения!

Как правильно сделать слайдер jquery?

Спасибо, помогло. Можете объяснить причём тут пробелы, они вроде должны игнорироваться

Что не так с приложением?

danij_com: поменял тип приложения на сайте ВК?

Как сделать Ajax фильтр в каталоге?

Ссылку можно на какой-либо пример реализации с кодом, если есть.