JSFiddle - React, Tailwind, and code Playground

by kurotanshi

HTML

<script src="https://unpkg.com/vue@next"></script>
<div id="app"></div>

JavaScript

const { createApp, ref } = Vue;

const app = createApp({
	template: `
		<label v-for="i in aaa">
    	{{ i }} 
			<input type="checkbox" 
      	v-model="aaa" :value="i">
    </label>
    <hr>
  `,
  setup(){
	  const aaa = ref('[1, 2, 3]');
    return {
	    aaa
    };
    
  }
});

/* app.component('test', {
  props: ['aaa'],
  template: `
    <h2>{{ aaa }}</h2>
    <input v-model="aaa">
    <test2 :aaa="aaa"></test2>
  `,
  components: {
    'test2': {
      props: ['aaa'],
      template: `
        <h3>{{ aaa }}</h3>
        <input v-model="aaa">
        <test2 :aaa="aaa"></test2>
      `,
    }
  }
}); */

app.mount('#app');