Skip to content

lifeart/ember-vue-components

Repository files navigation

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

  • Ember.js v2.18 or above
  • Ember CLI v2.13 or above
  • Node.js v8 or above

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.

About

Vue component API for Ember.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors