方便下一次使用数据双向绑定将vue.js进行了封装,可以自己下载vue,这里需要了解layui请查看官网。使用方法如下:
layui.config({
base: 'Common/layim/layui_exts/' //指定 layui_exts路径
, version: '1.0.0-beta'
}).define(['layer', 'Vue'], function (exports) {
var layer=layui.layer,Vue = layui.Vue;
new Vue({
el: '#userapp',
data: {
menus: []
},
methods: {
getmenu() {
m = this;
$.post('接口地址', {}, function (data) {
var mydata = JSON.parse(data);
m.menus = mydata.data;
});
}
,
mounted() {
this.getmenu();
}
});
wait={
//other
}
exports('wait', wait);
});
在html页面就可以这样写:
<div id=userapp>
<li v-for="m in menus" :key="m.ID"><cite>{{m.Title}}</cite></li>
</div>
之前也用vue的路由,有个问题就是ie不能使用,有兴趣可以试试director.js,