Home

Awesome

ember-vue-components

This addon provide "Vue" 2.x component api for Ember. May be useful in migration purposes or if you from Vue world and wanna try Ember.

Compatibility

Installation

ember install ember-vue-components

Usage

// app/components/vue-component.js
import { wrap } from 'ember-vue-components';
import hbs from 'htmlbars-inline-precompile';

export default wrap({
  template: hbs`
    <div>
      My age is {{this.age}}, full age is: {{this.fullAge}} days.
      <button {{action "click"}}>Increment</button>
    </div>
  `,
  data() {
    return {
	  age: 0
    }
  },
  watch: {
    age() {
      console.log('age changed');
    }
  },
  computed: {
    fullAge() {
      return this.age * 356;
    }
  },
  actions: {
    click() {
      this.age++;
    }
  }
});

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.