闲着没事写了一个电影推荐的网页，很简单，使用的是Vue的实现.
let vm = new Vue({
el:'#content',
data:{
name:'',
pic:'',
actor:'',
detail:'',
link:''
},
mounted:function () {
this.getMovie();
},
methods:{
getMovie:function () {
var _this = this;
let url = '/niuren/getRecommendFilm';
axios.get(url).then(function (res) {
_this.name = res.data.data.name;
_this.pic = res.data.data.pic;
_this.actor = res.data.data.actor;
_this.detail = res.data.data.detail;
_this.link =res.data.data.link;
})
},
goLink:function () {
var _this = this;
window.location.href = _this.link;
}
},
})
因为我使用的是axios, 在get方法中的this指向的这个函数，所以要在调用之前声明this的指向为Vue实例的this，
要不然就是赋值不成功，导致无法渲染(弄了半天)
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.xiaopingtou.cn//data/attach/topic/topicKPo7gB.jpg', '推荐 Taocr_ 的文章《使用Vue调用接口加载页面初始数据》','https://www.xiaopingtou.net/article-63560.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}