项目总结

  这一周在跟着小组做项目，使用的是用于后台pc端开发的el-admin框架。该框架是在element-ui的基础上更进一步的封装。

  该框架采用按功能分模块的开发方式，权限控制采用 RBAC 思想，支持数据字典与数据权限管理，支持一键生成前后端代码，支持前端菜单动态路由等。

  这是我第一次使用前段的框架来开发页面，这颠覆了我对前端开发的认知。原来前端开发也能使用“套路”。前期开发的时候对于该框架的使用也是云里雾里，在一个vue页面中明明没有定义某个属性或方法却能够使用。

  学长说这个框架里面使用了混合模式，将公共属性抽取到一个文件当中，使用mixin属性就能引入这些公共属性或方法。之后，我也去vue官网学习了一下这方面的知识。

  混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。

例子：

// 定义一个混入对象

var myMixin = {

  created: function () {

    this.hello()

  },

  methods: {

    hello: function () {

      console.log('hello from mixin!')

    }

  }

}

// 定义一个使用混入对象的组件

var Component = Vue.extend({

  mixins: [myMixin]

})

var component = new Component() // => "hello from mixin!"

  随着开发的推进，我对这个框架的使用也越来越成熟，对它的理解也逐渐加深。