这一周在跟着小组做项目，使用的是用于后台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!"
随着开发的推进，我对这个框架的使用也越来越成熟，对它的理解也逐渐加深。
网友评论