vue-class-component playground

by eyedean

HTML

<div id="app"></div>



<!-- Importing libs and setup -->
<script src="https://unpkg.com/vue@latest/dist/vue.js"></script>
<script src="https://unpkg.com/vue-class-component@latest/dist/vue-class-component.js"></script>
<script>
var s = document.querySelector('script[type="text/babel"]')
s.setAttribute('data-presets', 'stage-2')
s.setAttribute('data-plugins', 'transform-decorators-legacy,transform-class-properties')
</script>

Babel + JSX

const { default: Component, createDecorator } = VueClassComponent


const path = {
	users: "/internal/users",
  home: "/internal/home"
};

@Component({
	/* props: { path: { default: path } } */,
  template: `
    <h1>
      MESSAGE: {{ message }}
      PATH: {{ path.home }}
    </h1>
  `
})
class App extends Vue {
  // path = path
  message = 'Hello2!'
}

new Vue({
  el: '#app',
  render: h => h(App)
})