Здравствуйте, столкнулся с такой проблемой. Нужно написать на vue.js вычисляемое свойство, которое будет брать ширину блока, затем делать расчет (ширина / 2 * (-1)) и применять результат к свойству margin-left блока. Я знаю, что это будет странно звучать, но я знаю как этот вопрос решить на Jquery и на чистом js, вот пример на Jquery:
jQuery(document).ready(function($) {
var width = $('.ucp').width();
$('.ucp').css('margin-left', width / 2 * (-1) );
});
Проблема в том, что я хочу попробовать сделать изменение ширины реактивно, но не знаю как правильно будет все это написать. Я новичок во vue, если не сложно, опишите еще как можно с помощью vue (v-bind:style) реактивно вычислять изменять значения. Я так то представляю как все это должно выглядеть, но путаюсь еще.
Простой
