JSFiddle - React, Tailwind, and code Playground

by WoJWoJ

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.js"></script>
<div id="root">
  hello, vis is {{ vis }}
  <button v-on:click="vis = !vis">toggle</button>
  <div id="box" v-for="text in container.alltext" v-if="vis">
    {{ text }}
  </div>
</div>

JavaScript

var vm = new Vue ({
	el: "#root",
  data: {
  	container: {
    	alltext: {
      	hello: 'world',
        bonjour: 'monde'
      }
    },
    vis: false
  }
})

vm.container.alltext.hello = 'world';
vm.container.alltext.bonjour = 'monde';