这几天简单的来使用了点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标签里面就行了 作用应该是自适应屏幕