[mod] component

This commit is contained in:
Andy Bunce 2021-12-26 16:21:59 +00:00
parent 57ba0a5938
commit 4bea950bbe
2 changed files with 13 additions and 0 deletions

View File

@ -5,6 +5,9 @@
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<script type="text/html" id="cmp-link">
<div>{{ hello }}</div>
</script>
This is a test
<div>Page loaded at: {{now | date "Mon Jan 2 15:04:05 MST 2006"}}</div>
<div id="app">
@ -12,6 +15,7 @@
<div> {{ message }}</div>
<pre>{{ json }}</pre>
</div>
<my-link>foo</my-link>
<script src="index.js"></script>
</body>

View File

@ -56,3 +56,12 @@ var app = new Vue({
this.load()
}
});
//Define a new global component called button-counter
app.component('my-link', {
data() {
return {
count: 0
}
},
template: '#cmp-link'
})