简单的vue的ajax

这几天简单的来使用了点vue的东西 不成系统 我使用vue的时候就是觉得跟html一样 说是在springboot中也不需要怎么配置 可以完美的实现前后端分离
导入一个vue.min.js就行了 你如果用来其他的jquery的东西在导入jquery就行
vue的最大的好处就是属性绑定

	 //属性绑定 显示值
	 window.VueObj1 =  new Vue({
	          el: '#table1',
	      	  data: {
				  //测试
	            list_data1:  []
	          }
	   })

这次使用vue的时候主要是ajax获取数据后遍历出来 后来资料说vue不支持遍历map的数据 可以遍历list object等数据
如果你要遍历数据 需要先将字符串转成对象 然后循环输出

	//这个就是get的ajax简单写法
	$.get("list",function(map){
	//new 一个数组用来装入数据可以用来遍历
	var arrar1=new Array();
	//将后台的json字符串转换成对象
	var di = JSON.parse(map);
	//将对象遍历出来
	jQuery.each(di, function(i, val) {  
		var obj={"key":i,"val":val};
		arrar1.push(obj);

	}); 
	;
	//这个是前面的数据绑定 然后修改值将ajax获取的数据写入
    window.VueObj1.$data.list_data1=arrar1;

vue的循环

<tr v-for="dataItem in list_data1"></tr>

vue如果使用在app上面需要写一条命令

<meta name="viewport" content="width=device-width, initial-scale=1.0">

这个是写在<head标签里面就行了 作用应该是自适应屏幕

猜你喜欢

转载自blog.csdn.net/weixin_42006653/article/details/84865093