Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lifeart/ember-vue-components
Vue component API for Ember.
https://github.com/lifeart/ember-vue-components
ember ember-addon vue vuejs-components
Last synced: 17 days ago
JSON representation
Vue component API for Ember.
- Host: GitHub
- URL: https://github.com/lifeart/ember-vue-components
- Owner: lifeart
- License: mit
- Created: 2019-09-21T19:03:07.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2019-09-23T06:06:13.000Z (about 5 years ago)
- Last Synced: 2024-10-03T12:23:48.068Z (about 1 month ago)
- Topics: ember, ember-addon, vue, vuejs-components
- Language: JavaScript
- Size: 111 KB
- Stars: 10
- Watchers: 6
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-ember - ember-vue-components - Vue.JS component API for Ember. (Packages / External Components Integration)
README
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
------------------------------------------------------------------------------
```js
// app/components/vue-component.js
import { wrap } from 'ember-vue-components';
import hbs from 'htmlbars-inline-precompile';
export default wrap({
template: hbs`
My age is {{this.age}}, full age is: {{this.fullAge}} days.
Increment
`,
data() {
return {
age: 0
}
},
watch: {
age() {
console.log('age changed');
}
},
computed: {
fullAge() {
return this.age * 356;
}
},
actions: {
click() {
this.age++;
}
}
});
```
Contributing
------------------------------------------------------------------------------
See the [Contributing](CONTRIBUTING.md) guide for details.
License
------------------------------------------------------------------------------
This project is licensed under the [MIT License](LICENSE.md).