[Vue] ist eine [Javascript Framework|Javascript Frameworks] für das Erstellen und Instantiieren von Oberflächen-Komponenten.
!!!Allgemeines
Am Besten versendet man [Vue] zusammen mit [RequireJS], damit man Komponenten dynamisch laden kann.
!!!Application
Um eine Vue-Applikation zu starten, wird eine bestehendes HTML-Tag verwendet:
{{{
new Vue({
el: "#vue-root"
});
}}}
!!RequireJS
Zusammen mit [RequireJS] sieht es dann so aus:
{{{
define(["vue"], function(Vue) {
return new Vue({
el: "#vue-root"
});
});
}}}
!!!Components
Komponenten werden mit Vue.component definiert:
{{{
define(["vue"], function(Vue) {
return Vue.component("simple-component", {
props: {
value: String
},
template: '<div>{{value}}</div>'
});
});
}}}
!!!Links
* [Awesome Vue Komponenten|https://github.com/vuejs/awesome-vue]