UserWebComponent:

<template>
  <div>
    <h1>My Vue Web Component</h1>
    <div>{{ msg }}</div>
  </div>
</template>
<script>
  export default {
    props: ['msg'] 
  }
</script>

$ vue-cli-service build --target wc --name user-component  --mode production ./src/UserComponent.vue

<script src="https://unpkg.com/vue"></script>
<script src="path/to/user-component.js"></script>
<!-- use in plain HTML, or in any other framework -->
<user-component msg="probando"></user-component>

• https://cli.vuejs.org/guide/build-targets.html#web-component