Does Vue.js break variables if you put them in href="" or action=""?

Question

Vue.js

<h1>{{ routeLogIn }}</h1> // работает
  <form class="form-horizontal" role="form" method="POST" action="{{ routeLogIn }}"> // весь файл  ломает 
    <a href="{{ routeHome }}"  // то же самое

//scripts
     data() {
            return {
                routeLogIn: laroute.url('login', []),
            }
        },

Writes a hint to PhPStrom saying:
Cannot resolve file
If at least one line is not working, the entire component will not be displayed.
Why is that?

Answer 1

Because you need to use v-bind in attributes.
:href="routeHome"