title: VueJS: how to write path with parameter correctly
body: <p>I'm following <a href="https://www.youtube.com/watch?v=wv4kyqUqqJQ&amp;list=PLpOqH6AE0tNh7-Z-Lka9e0hRA2OdNB0dx&amp;index=13" rel="nofollow noreferrer">a tutorial</a> and the paths with parameter are not working.</p>
  
  <pre><code>data() {
      return {
          id: this.$route.params.id,
          element: {
              title: '',
              description: '',
          }
      }
  },
  methods: {
          getBook() {
              const path = 'http://127.0.0.1:8000/api/v1/books/${this.id}/'
              axios.get(path).then((response) =&gt; {
                  this.element.title = response.data.title
                  this.element.description = response.data.description
          })
          .catch((error) =&gt; {
              console.log(error)
          })          
      },
      created() {
          this.getBook()
      }
  </code></pre>
  
  <p><strong>In console:</strong></p>
  
  <pre><code>"GET /api/v1/books/$%7Bthis.id%7D/ HTTP/1.1" 404 2410
  </code></pre>
  
  <p>What exactly is wrong with what I'm doing?</p>