一、引入Vue
在官网上下载vue.js。并用
1.下载Vue.js,地址:Vue.js下载地址
二、通过ajax获取后台参数,使用Vue渲染
调用后台control,获取到数据,传到前端,使用Vue进行渲染。
//详细分类,使用Vue渲染
function findSortDetail(){
$.post("sortdetail/findAllSrotdetail.action",function(data){
var json = JSON.parse(data);
console.log(json.sortDetails);
new Vue({
el: '#sortDetails',
data: {
sortDetails: json.sortDetails
}
})
});
}
渲染结果显示部分:
:href="'a.action?sortDetailId='+sortDetail.sortDetailId">
{{ sortDetail.sortDetailName }}
注意:标签中的href中,采用字符串拼接的形式,href前面需要加 : ,同理title前面也要加 : 才能使用Vue渲染后的数据。