v once

2018-04-13 13:29:07 -04:00 · 2018-04-13 13:29:07 -04:00 · ffaec02119
commit ffaec02119
parent 568ce4f953
2 changed files with 5 additions and 2 deletions
--- a/app.js
+++ b/app.js
@ -1,10 +1,12 @@
 var app = new Vue({
  el: '#app',
  data: {
-    title: "Hello world."
+    title: "Hello World",
+    link: "https://google.com"
  },
  methods: {
    sayHello(){
+      this.title = 'Hello';
      return this.title;
    }
  }
--- a/index.html
+++ b/index.html
@ -7,7 +7,8 @@
  </head>
  <body>
    <div id='app'>
-      <p>{{ sayHello() }}</p>
+      <h1 v-once>{{title}}</h1>
+      <p>{{ sayHello() }}</p> - <a v-bind:href="link">Google</a>
    </div>

    <script src="app.js" charset="utf-8"></script>