layui模块化封装vue.js 并使用

方便下一次使用数据双向绑定将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,