Creating template #9
Description
Interesting project but I seem to have difficulties to understand how to work with templates.
I have a simple html;
<html>
<head>
<link rel="stylesheet" href="css/index.css">
<script src="js/vendor/vue.js"></script>
<script src="js/vendor/quench-vue.js"></script>
</head>
<body>
<div id="app">
<div q-component="card">
<h3 v-text="props.title">Card</h3>
</div>
</div>
</body>
<script src="js/card.js"></script>
</html>
And js/card.js says
var appEl = document.getElementById('app');
var data = quenchVue.createAppData(appEl);
var components = {
'card': {
props: ['title'],
template: 'local'
}
}
components = quenchVue.createComponentTemplates(app, components);
var template = quenchVue.createAppTemplate(appEl);
var app = new Vue({
el: appEl,
components: components,
data: data,
template: template,
});
But this won't work its giving Uncaught TypeError: Cannot read property 'querySelector' of undefined error. So obviously I'm doing something wrong.