How to properly use Vue.js in a webpack build?

Question

webpack

Hello. Can you please tell me how to properly use Vue.js in webpack assembly?
index.html

div id="vue-root">
  <h2>
    <a href="{{ url }}">Google</a>
  </h2>
</div>

index.js

import Vue from 'vue';

new Vue({
  el: '#vue-root',
  data: {
    url: 'http://google.com'
  }
})

Next error:

vue.runtime.esm.js:601 [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

Answer 1

We read the documentation more carefully.