Что будет содержаться в referrer при переходе на чужую страницу по ссылке из моей страницы?

Я компа только сейчас добрался, со смартфона писал. Спасибо.

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

Во-первых не тебе мне указывать чем мне заниматься, можешь свои советы себе по-глубже засунуть, во-вторых свой комплекс неполноценности ты оскорблениями не поправишь, это тебе только к психиатру.

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

Чувак, если ты такой нервный, не надо на форум лезть. И здоровее будешь и в карму себе не насрешь.

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

0xD34F, Вы уважаемый, ерунду написали и кидаетесь оскорблениями.
Написать в методе add "this.name = '';" сильно много умений не надо, да вот только это х-ня полнейшая.
Представьте себе что мы пытаемся сохранить данные не в массивчик, а передать их на бэк и уже убедившись, что там все сохранилось лишь после этого очищать поле иначе получится что и данные не сохранились на сервере и поле очистилось, а если там была какая-то длинная строка, то пользователь конечно очень этому факту обрадуется.

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

0xD34F, делал так:

<div id="app">
    <todo-add
        v-on:todo-new="addNewTodo"
        :par_name="newTodoName"
    ></todo-add>
    <p><pre>{{todosObj}}</pre></p>
</div>

<script>
    Vue.component('todo-add', {
        props: ['par_name'],
        data: function() {
            return {
                pname: this.par_name
            };
        },
...

Очищение все равно не происходит. Похоже на то что присвоение pname: this.par_name происходит только один раз при запуске приложения

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

Вот тут имелось это в виду:

addNewTodo: function(name) {
                let newItem = {id: this.todoArr.length+1, name: name}
                this.todoArr.push(newItem);
                this.newTodoName = ''; // чистим поле ввода
            }

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

s_lukinin

<div id="app">
    <todo-add
        v-on:todo-new="addNewTodo"
        :par_name="newTodoName"
    ></todo-add>
    <p><pre>{{todosObj}}</pre></p>
</div>

<script>
    Vue.component('todo-add', {
        props: ["par_name"],
        data: function() {
            return {
                pname: this.par_name
            };
        },
...

Так работает без предупреждений в консоли, но при этом не происходит очищение поля ввода после клика

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

0xD34F, сделал так:

<div id="app">
    <todo-add
        v-on:todo-new="addNewTodo"
    ></todo-add>
    <p><pre>{{todosObj}}</pre></p>
</div>

<script>
    Vue.component('todo-add', {
        data: function() {
            return {
                pname: ''
            };
        },
        template:
        `<ul>
            <input v-model="todoName" autofocus></input>
            <button v-on:click="add">Add New Todo</button>
        </ul>`,
        computed: {
            todoName: {
                set: function(val) {
                    this.pname = val;
                },
                get: function() {
                    return this.pname.trim();
                }
            }
        },
        methods: {
            add: function() {
                console.log(`emit: this.name = ${this.pname}`);
                this.$emit('todo-new', this.todoName);
            }
        }
    });
...
</script>

Теперь не ругается, то и не очищает поле ввода после нажатия на кнопку

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

В данном случае например - каждый раз при нажатии на кнопку, данные уходили наверх, добавлялись в массив и, наконец (после того как новые данные точно попали в массив), поле ввода очищалось.

Код приведенный выше делает это все, но смущает предупреждение про мутацию.

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

Я в принципе хочу понять как можно такое сделать

Как избавиться от ошибки про мутацию при передаче значения в поле редактирования компоненты?

А как в него передавать данные с родительского уровня?

Как правильно перехватить событие генерируемое в компоненте?

Again, if you’re using string templates, this limitation does not apply.

Теперь ясно почему во вложенных компонентах это работает

Как правильно перехватить событие генерируемое в компоненте?

Если это так, то такое ограничение видимо наложено только на наименование событий которые перехватывает само приложение , на верхнем уровне. Я написал 2 компонента, один вложен в другой (todo-list и todo-item) и тот который вложенный (todo-item) генерит событие c именем 'todoDelete' - и все работает

Как выполнить авторизацию автоматически?

Никита Полевой, Да, это оно. Спасибо!

Как правильно сверстать отображение картинки (аватара) в круге?

lemme, ok, спасибо

Как правильно сверстать отображение картинки (аватара) в круге?

lemme, браво )) разместите, плиз, свой вариант отдельным ответом, чтобы я его пометил решением ))

Как правильно сверстать отображение картинки (аватара) в круге?

Sergey Romanov, извиняюсь, я имел в виду, что нужно выводить с помощью тега img

Как правильно сверстать отображение картинки (аватара) в круге?

AlikDex, подправите мой пример с этим параметром? У меня для хрома не получается

Как правильно сверстать отображение картинки (аватара) в круге?

Я пока так и делаю, но это не правильно - картинки, которые не чисто декоративные, а являются контентом, нужно выводить с посредством тега div

upd: пардон, конечно же тегом img

Как правильно сверстать отображение картинки (аватара) в круге?

Как-то не очень: https://jsfiddle.net/Talker/xev79mfL/
Может, подправите пример?