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