Видел что в Vue.js можно как то сокращать префиксы, и не писать большой атрибут, подскажите пожалуйста, какими символами можно заменять префиксы в Vue.js?
Можно, это работает с двумя самыми используемыми директивами: v-bind, v-on. Сам префикс v- помогает визуально определить Vue атрибуты в шаблонах, но посчитали что необходимости писать v- особо нет когда дело идет с одностраничным приложением, в котором с помощью Vue компонентов и так построены все шаблоны, собственно сама сокращенная запись выглядит так:
<div id="example">
<a :href="url"> Reference
<a @click="somevalue='Hello world'"> {{somevalue}}
Тут как видим вместо v-bind мы используем обычное двоеточие «:», а вместо v-on используем “@”, делаем привязку по id, в первом блоке создаем ссылку к href атрибуту которой прикрепляем свойство url, а второй ссылке при клике изменяем текстовое значение somevalue на Hello world, как видите всё работает и с такими сокращениями.
var application = new Vue({
el: '#example',
data: {
somevalue:'Click on me ',
url:'https://ru.vuejs.org/v2/guide/syntax.html#Модификаторы'
}
});
Последний блок сам vue объект который содержит свойства которые далее транслируются в html документ, и там же могут реактивно изменяться.