[mod] component

2021-12-26 16:21:59 +00:00 · 2021-12-26 16:21:59 +00:00 · 4bea950bbe
commit 4bea950bbe
parent 57ba0a5938
2 changed files with 13 additions and 0 deletions
--- a/caddy/site/links/index.html
+++ b/caddy/site/links/index.html
@ -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>
--- a/caddy/site/links/index.js
+++ b/caddy/site/links/index.js
@ -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'
+})