Vue ist eine
Javascript Framework 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#