igor_solweb

https://stackoverflow.com/questions/50426266/vueli...

Где-то в шапке страницы в шаблоне

<script>
  window.tplDir = '<?php echo get_template_directory_uri() ?>';
</script>

и в компоненте

<img
  :src="window.tplDir + '/img/icons/icon.svg'"
  alt="icon"
>

Была похожая задача, приходил объект описывающий поля формы, из которого нужно было сделать готовую форму.
Допустим такой объект:

{
   form_id: 12,
   submit_btn_text: 'Отправить',
   post_url: 'https://someurl.com/api/',
   form_fields: [
      { type: 'text', placeholder: 'some plshldr', label: 'some label', field_id: 'some_id' },
      { type: 'text', placeholder: 'some plshldr', label: 'some label', field_id: 'some_id' },
      { type: 'text', placeholder: 'some plshldr', label: 'some label', field_id: 'some_id' }
   ]
}

И заранее прописать для такой формы поля в data() не получится.
Я сделал это следующим образом:
в beforeMount() я пробегался по массиву form_fields и создавал новый объект (допустип field_models) с уникальными ключами для каждого поля и значением пустой строки (в зависимости от типа поля, там могли быть и чекбоксы). Далее в template я итерировал этот массив (form_fields) вот так (при условии что нет чекбоксов)

<input v-for="field in form_fields" :type="field.type" :placeholder="field.placeholder" v-model="field_models[field.id] />

var arr = [{id: 1}, {id: 2}, {id: 2}, {id: 1}, {id: 1}, {id: 1}];
var counter = arr.reduce(function (o, i) {
	if (!o.hasOwnProperty(i.id)) {
		o[i.id] = 0;
	}
	o[i.id]++;
	return o;
}, {});
var result = Object.keys(counter).map(function (id) {
	return {id: id, sum: counter[id]};
});

Сделать вычисляемое свойство, где будут выполняться все необходимые вам преобразования данных. Например.

new Date(Date.parse('5/26/2020, 5:01:11 PM')).toLocaleString();

https://ru.vuejs.org/v2/guide/components.html#%D0%...

Добавь в data ограничитель, сделай вычисляемое свойство на первые <ограничитель> записей. если всего записей больше, чем в ограничителе, то показывай кнопку. По нажатию на кнопку увеличивай ограничитель.

Можно попробовать выводить так:
{{ dataGet.slice(0, offset) }}

Ну и в data завести offset: 10

Ну и при клике на кнопку:

<Knopka v-if="offset < dataGet.length" @click="showMore" />

И метод ещё:

showMore(){
this.offset += 10
}

Как-то так.

___________

А если именно подгружать со стороны сервера, то передавать параметр, например get('https://lala.ru/?offset=' + this.offset)

На сервере смещать и выводить на фронте новые 10 записей, заменив прошлые.
________

А если нужно дополнить текущие записи, а не заменять старые то:

.then(response => this.dataGet = [...this.dataGet, ...response.data])

export default {
    data() {
        return {
            dataStorage: []
        }
    },
     methods: {
      async getData() {
         try {
            const res = await axios.get('youradddress.com/path')
            this.dataStorage = res.data
     } catch (e) {
       console.log('err', e)
      }
   },
    async mounted() {
        this.getData()
    },
}

Роуты - это страницы, реализованные на JavaScript динамично.

Такие как:
/about
/search
/help
/people

export default {
    data() {
        return {
            dataStorage: new Array(),
        }
    },
    mounted() {
        this.dataStorage.push({
            name,
            age,
            hair,
        })
    },
}

Наверное как-то так

$(document).ready(fucntion() {
var slidesCount = $('.slide-item').lenght
if(slidesCount > 1) {
   $('.slider-wrapper').slick();
} 
}}

почитай про регулярные выражения в js

replace(/[^\d]+/g,"")

Как убрать из строки лишнее:

const digitsOnly = str => str.replace(/\D/g, '');

// или

const digitsOnly = str => (str.match(/\d/g) ?? []).join('');

// или

const digitsOnly = str => ''.concat(...str.matchAll(/\d/g));

// или

const digitsOnly = str => str.split(/\D/).join``;

// или

const digitsOnly = str =>
  Array.prototype.reduce.call(
    str,
    (acc, n) => acc + ('0123456789'.includes(n) ? n : ''),
    ''
  );

Как получить и обработать элементы:

document.querySelectorAll('span').forEach(n => {
  n.innerText = digitsOnly(n.innerText);
});

// или

for (const n of document.getElementsByTagName('span')) {
  n.textContent = digitsOnly(n.textContent);
}

if ($post_id == 25) {, если не получится выведите $post_id, и посмотрите содержится ли там нужное id

Если вы используете готовую тему, то сначала нужно создать дочернюю тему.
Если тема ваша - то не обязательно.
Найдите шаблон, который используется для вывода записей.
Переопределите его в дочерней теме или правьте в вашей.
Для того чтобы вывести первый пост другой версткой можно воспользоваться счетчиком:

<?php if ( have_posts() ) : $ir = 0; while ( have_posts() ) : the_post();

	if ( $ir == 0 ) {
		get_template_part( 'template-parts/article-wide' );
	} else {
		get_template_part( 'template-parts/article' );
	}

$ir++; endwhile; endif; ?>

создай шаблон вп
там сделай

выборку постов

и в вверху выбирай один последний пост, а внизу последние 3. и стилизуй и верстай. потом не забудь в настройки - чтение поставить главную страницу не список постов, а твою, которую ты создал шаблоном