vue循环jq渲染网页页面

网页页面的渲染

一般放到服务器都是原生的比较舒服，不用打包 ，直接使用

用原生开发网页数据的请求

用原生开发网页数据的请求渲染不是很方便，循环之类的都不是很好用，我们相到了vue的循环（v-for）那数据请求又怎么用呢，相比之下我个人更倾向于jq

好了废话不多说直接上代码

我们先引入jq和vue

	<script src="vue.2.7.3.js"></script>
		<script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>

通过jq来请求后端接口

var vm = new Vue({
		el: '#app',
		data: {
			newarry: {},
			foot: '',
			six: [],
			user: {},
			taskid: '',
			image: ''
		},
	created() {//这里进入页面请求接口 如果需要点击事件可自行添加
			// console.log(geturlparam('taskid'))
			// var that=this
			$.ajax({
				dataType: 'json',
				url: '接口',
				type: 'get',
				data: {
					'taskid': this.taskid
				},
				success: function(res) {
					console.log(res)
					if (res.status == '200') {
						vm.newarry = res.data.contrast//成功，直接赋值给vue中data的值 然后通过vue的v-for循环页面就可以了
						vm.foot = res.data.question
						vm.user = res.data.user
						vm.six = res.data.results
						console.log(vm.newarry)
					} else {
						alert("数据错误")
					}
				}
			})
		},
		})