Element+Vue.js

前端框架，目前流行node 、Vue ,react 、angular 等。

之前看了node 和vue的视频，还挺有意思的，也练习了下。对尤雨溪的vue挺感兴趣。

最近在一个项目中用了element，element是饿了么团队的开源杰作，后台管理系统 大家可以尝试去使用。

如果你没用过vue,或者没了解过vue,我觉得你用element会比较难受。

通过使用element，基本上算是vue的实战了。

element的组件库地址：http://element.eleme.io

vue的核心思想是数据的双向绑定，如果用得溜，开发一个管理后台 是快的事。

有空再为大家讲下 element + vue的用法，一起学习吧。

遇到的一个坑：

<el-table-column label="数量" width="150">
    <template slot-scope="scope" >
        <el-input-number size="small" v-model="scope.row.num" :min="1"
        @change="changeServiceItemNum(scope)">
        </el-input-number>
    </template>
</el-table-column>

我这这里使用了change事件监听数值的变化，然而以下的结果输出不一致。大家能猜到什么原因吧。

changeServiceItemNum(scope){
    console.log(scope.row.num);
    setTimeout(function () {
        console.log(scope.row.num);
    },100);