Я пытаюсь реализовать компонент Vue с пользовательской функцией рендеринга.Как только мой шаблон содержит вложенные элементы HTML, я получаю эту ошибку:
TypeError: this.$options.staticRenderFns is undefined
Как мне реализовать staticRenderFns ?
Код:
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<script src="https://unpkg.com/vue"></script>
</head>
<body>
<div id="app">
<comp temp="temp1"></comp>
</div>
<script>
var myTemplates = new Array();
myTemplates['temp1'] = Vue.compile("<div><div>This template will come from an AJAX source</div></div>").render;
var Comp = {
props: ["temp"],
data() {
return {
renderFunc: myTemplates[ this.$props.temp ],
}
},
render(h) {
return this.renderFunc()
}
};
new Vue({
el: "#app",
data: { },
components: { Comp }
});
</script>
</body>
</html>