VueExtras1

by abds040

HTML

<script src="https://unpkg.com/vue"></script>
<script src="https://cdn.jsdelivr.net/lodash/4.17.4/lodash.core.min.js"></script>

<div id="app">
  <h3>
  VUE Extras 1a
  </h3>
  <span v-if="helloWWI">{{ messageWWI }}</span>
  <span v-else>hidden</span><br>
  <span v-show="helloWWI">HelloWWI=true</span><br>
  <br>
  <input v-model="messageWWI">
  <ol>
    <li v-for="todo in todos">{{ todo.text }}</li>
  </ol>

</div>

<script>
  window.app = new Vue({
  el: '#app',
  data: {
    helloWWI: true,
    messageWWI: 'Now you see me',
    todos: [
      { text: 'Learn JavaScript' },
      { text: 'Learn Vue' },
      { text: 'Build something awesome' }
    ]
  },
  methods: {
    testFunction: function () {
      this.messageWWI = this.messageWWI.split('').reverse().join('')
    }
  }
});

</script>