Vueのサイクルv-for

次に、vue関連を記録して共有します.
vueもループと判断を有し、v-forループの使い方は以下の通りである.
一、遍歴配列

	var for_demo = new Vue({
		  el: '#demo',
		  data: {
		    items: [
		      { message: 'red' },
		      { message: 'yello' },
		      { message: 'green'}
		    ]
		  }
	})


	

		

		  

		    {{ item.message }}
		  
		
	

二、遍歴属性

	var for_demo = new Vue({
		  el: '#demo',
		  data: {
			    parentMessage: 'Parent',
			    items: [
			      { message: 'one' },
			      { message: 'two' }
			    ]
			  }
		})


	

		

		  

		    {{ parentMessage }} - {{ index }} - {{ item.message }}
		  
		
	

三、オブジェクトの遍歴

	new Vue({
	  el: '#v-for-object',
	  data: {
	    object: {
	      title: 'how to use vue',
	      author: 'wxy_jdhk',
	      publishedAt: '2019-10-14'
	    }
	  }
	})


	

		

		  

		    {{ value }}
		  
		
	

四、v-forとtemplet

	new Vue({
	  el: '#for_demo',
	  data: {
		  items: [
		          { msg: 'red' },
		          { msg: 'blue' }
		        ]
		  }
	})