Facebook

Untitled safest cryptocurrency exchange

From Cobalt Baboon, 3 Years ago, written in HTML5.
URL https://pastebin.pl/view/ac6ade7c
Embed
Download Paste or View Raw
Hits: 209
  2.  
  4.     <script src="https://unpkg.com/[email protected]/dist/vue.global.js"></script>
  5. </head>
  6.  
  8.     <div id="main">
  9.         <button id="clearBtn">Clear</button>
  10.         <button id="updateRef">Update ref</button>
  11.     </div>
  12.  
  13.  
  14.     <script>
  15.         const { computed, shallowRef, watch, ref } = Vue;
  16.  
  17.         // A computed that for example exists for an entire lifecycle of an application
  18.         const someRefThatExistsLongerThanA = ref(true);
  19.  
  20.         class MyClass {
  21.           computedField = computed(() => {
  22.             return this.id + ": " + someRefThatExistsLongerThanA.value;
  23.           })
  24.  
  25.           constructor(id) {
  26.             this.id = id;
  27.            
  28.             // Just to make sure the dependencies are added
  29.             console.log(this.computedField.value);
  30.           }
  31.         }
  32.  
  33.         let aInstances = Array.from({ length: 10}, (x, i) => new MyClass(i));
  34.  
  35.        
  36.         console.log("Added new A instances")
  37.  
  38.         document.getElementById("clearBtn").onclick = () => {
  39.           // Allow cleaning up.
  40.           aInstances = [];
  41.           console.log("Cleared instances")
  42.         }
  43.  
  44.         document.getElementById("updateRef").onclick = () => {
  45.           someRefThatExistsLongerThanA.value = !someRefThatExistsLongerThanA.value;
  46.         }
  47.     </script>
  48. </body>
  49.  
  50. </html>

Reply to "Untitled"