Let's add basic component to see if values from HTML attributes are visible inside Vue component. We will also check if numbers and booleans are properly detected.
After registering "demo-basic" tag, you can insert that tag into standard HTML, SPA's, React, Angular or Vue projects without the hassle and further initialization.
Code examples below are written in ES2015 version of JavaScript, but feel free to use ES5.
{{HTML}}
<template>
{{vueTemplate}}
</template>
<script>
{{vueScript}}
</script>
import DemoElement from 'DemoElement.vue';
Vue.customElement('demo-basic', DemoElement);