网页页面的渲染
一般放到服务器都是原生的比较舒服,不用打包 ,直接使用
用原生开发网页数据的请求
用原生开发网页数据的请求渲染不是很方便,循环之类的都不是很好用,我们相到了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("数据错误")
}
}
})
},
})