Как передать переменную JavaScript в HTML отрывок, как это реализовано во Vue.js?

Question

[Эмиль Рахматуллин]

Во Vue.js есть замечательная фишка, когда можно передавать данные вот так:

<template>
	<div>
		Переменная от родителя {{ myVar }}
	</div>
</template>

<script>
	export default {
		name: 'ComponentName',
		props: ['myVar'],
		data(){
			return {
				// vars...
			}
		},
	}
</script>

Как я могу делать что-то похожее, но средствами JavaScript + Webpack (который в Laravel 7)?
Использовать Vue.js не могу в данной ситуации.

Comments

[Вадим]

ну, например, поставить туда span с определённым id, создать объект который будет хранить значение для этого спана. Обозначить этому объекту сэтер и гетер. В гетере обновлять текст спана?

[Эмиль Рахматуллин]

Вадим, ну такое...

[Вадим]

Эмиль Рахматуллин, какое? Во vue 2 всё работает на гетерах и сетерах под капотом.

[Alex]

Вариантов масса. От шаблонных строк, до чего-то аля string-replace-loader.
Всё зависит от того что конкретно вы хотите сделать

[WbICHA]

Эмиль Рахматуллин, а чего вы ожидали? Если чужие велосипеды по той или иной причине использовать не можете, придётся писать свои.