VUE学习之页面渲染数据
龙行 web前端 2019-2-20 1770 0评论
闲来无事来学习学习vue,web前端还是该好好学习学习
整整一天时间没了,等会儿整理整理基础吧,百度整理的毕竟是人家的不在乎你看不看得懂,还是自己整理下看得懂就可以,后面要用到了基础语法什么的,再来看看,康庄大道
,直接上代码,我的vue纪录篇
vue.jsid | 类型 | 昵称 | 数量 | 操作 |
---|---|---|---|---|
{{ vo.id }} | {{ vo.type }} | {{ vo.nickname }} | {{ vo.num }} | 删除 |
var app = new Vue({
el: '#app', //执行顺序:第一步
// data: {
// lists: '' //第五步
// },
data:function () {
return {
lists: '',
url:''
}
},
mounted:function () { //打开页面就自动执行这个钩子函数
this.$nextTick(function () {
this.greet() //第二步
});
},
// 在 `methods` 对象中定义方法 //yisi
methods: {
greet: function () { //第三步
let _this = this;
$.get('http://192.168.4.109:8888/home/user/lucky_news').then(function(res){
_this.$set(_this,'lists',res.data); //把获取到的数据放入lists里面 // 第四步
},function(res){
console.log(res.code);
});
},
btn:function(even){
alert(even.id)
}
}
});
这串代码是我们比较常用的表格数据渲染,包括执行步骤,简单demo有误的地方还请指教,大恩不言谢
resource正确引入为什么这样写不行,有没有大佬指教
评论一下
赞助站长
赞助站长X
版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
本文网址:https://www.liaotaoo.cn/169.html