Vue.js

关键字：基于Springboot后台，前台vue.js跨域前端，Activiti6工作流的开发框架；是一个非常不错的工作流程开发框架；比较适合做中小型OA项目。 ----------------------------------------------------------- 工作流模块 1. 模型管理 ：web在线流程设计器、预览流程xml、导出xml、部署流程 2. 流程管理 ：导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型、激活挂起 3. 运行中流程 ：查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人 4. 历史的流程 ：查看流程信息、流程用时、流程状态、查看任务发起人信息 5. 待办任务 ：查看本人个人任务以及本角色下的任务、办理、驳回、作废、指派一下代理人 6. 已办任务 ：查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) ----------------------------------------------------------- 系统模块 1 . 权限管理 ：点开二级菜单进入三级菜单显示 角色(基础权限)和按钮权限 角色(基础权限): 分角色组和角色,独立分配菜单权限和增删改查权限。 按钮权限: 给角色分配按钮权限。 2 . 按钮管理 ：自定义按钮管理，维护按钮shiro权限标识等 3 . 菜单管理

　　Vue有一核心就是数据驱动（Data Driven），允许我们采用简洁的模板语法来声明式的将数据渲染进DOM，且数据与DOM是绑定在一起的，这样当我们改变Vue实例的数据时，对应的DOM元素也就会改变了。 　　通过粗浅地走读Vue的源码，发现达到这一效果的核心思路其实就是利用ES5的defineProperty方法，监听data数据，如果数据改变，那么就对页面做相关操作。 　　有了大体思路，那么我们就开始一步一步实现一个简易版的Vue数据驱动吧，简称SimpleVue。 　　Vue实例的创建过程，如下： var vm = new Vue({ el: ' #test ' , data: { name: ' Monkey ' } }); 　　因此，我们也依瓢画葫芦，构建SimpleVue构造函数如下 function SimpleVue(obj){ this .$el = document.querySelector(obj.el); this .$options = obj; this ._data = Object.create( null ); // 入口 this .init(); obj = null ; }; SimpleVue.prototype = { constructor: SimpleVue, init: function(){ // TODO } }; 　

文件-》首选项-》用户代码片段-》输入vue,打开vue.json 添加模板json "Print to console" : { "prefix": "vuec" , "body" : [ "<template>" , " <div>" , " $0" , " </div>" , "</template>" , "" , "<script>" , "export default {" , " name: ''," , "" , " data () {" , " return {" , " }" , " }," , "" , " methods: {}" , "}" , "" , "</script>" , "<style lang='scss' scoped>" , "</style>" , "" ], "description": "Log output to console" } 保存，然后新建.vue文件，输入vuec+tab即生成模板 快捷输入console.log插件： JavaScript Snippet Pack 安装完，输入cl即快捷生成console.log() 来源： oschina 链接： https://my.oschina.net/u/4369346/blog/4233680