https://example.com/page
- https://example.com/styles.css
- - https://example.com/font.woff2
некритичные стили не должны менять отрисовку макета
disabled
на кнопке отправки. Это распространённая ошибка. Кнопка должны быть активна всегда. И по клику должны подсвечиваться невалидные поля и перемещать фокус на первое такое поле. +7 (700) 000 00 00 -> 77000000000
7 (700) 000 00 00 -> 77000000000
+7 700 000 00 00 -> 77000000000
+7 7000000000 -> 77000000000
7000000000 -> 77000000000
1) Глобальная переменная. Кстати если вы посмотрите реализацию Nuxt.js/Next.js фреймворков, там как раз используется этот как единственный возможный.
let appFrontData = '<?=$someServerVarHere ?>';
let appFrontData = JSON.parse('<?=$someServerVarHere ?>');
уже более производительный вариант.let appFrontData = Object.freeze( JSON.parse('<?=$someServerVarHere ?>') );
<script id="some-uid" type="application/json">{"org": 10, "items":["one","two"]}</script>
// Где-то внутри области видимости компонента
const data = JSON.parse(document.querySelector('#some-uid'));
<span>{{ foo }}</span>
this.foo
<span @click=" console.log('foo') "></span>
Выражения в шаблонах выполняются в режиме «песочницы», поэтому доступ есть только к ограниченному списку глобальных объектов, таким какMath
иDate
. Не пытайтесь получить доступ к пользовательским глобальным объектам внутри выражений используемых в шаблонах.
обойтись без computed или data