Pavel Shvedov

gnu coreutils sort

after у input

Можно обойтись без ul li.

<nav>
  <a href="#">Home</a>
  <a href="#">About Us</a>
  <a href="/">
    <img src="logo.png" />
  </a>
  <a href="#">Menu</a>
  <a href="#">Blog</a>
  <a href="#">Contacts</a>
</nav>

При добавлении нового продукта в мутации надо присваивать свойству обновленный массив или пользоваться переопределенными методами для сохранения реактивности, об этом пишут в документации
В данном случае я бы отказался от хранения по ключам и добавил бы метод получения продукта по id через обход массива (если, конечно, продуктов там не тысячи)

в него попадает название экземпляра класса
Экземпляр может быть безымянным (например, лежать в списке), но идея в принципе верна - в self попадает id объекта:

class A:
    def f(self):
        print(self)
        print(hex(id(self)))

a = A()
a.f()

не понимаю зачем нужен атрибут self
Не уверен, что понимаю вопрос - настолько очевиден ответ, к тому же следующий прямо за вопросом. Смотрите на это как на синтаксический сахар: при вызове метода вы пишете экземпляр.метод(аргументы), а в реализации def метод(экземпляр, аргументы). Имя первого аргумента вообще-то произвольное, обычно пишут "self", но python3 допускает даже русский идентификатор "экземпляр", можете попробовать.