前面写的是我个人的经验，高手可以跳过这段时间接手一个后台管理项目，从头开始写一点自己的经验。首先，Vue、Angular和React是当今主流的三大前端框架。Vue是一个用于构建网页的JS库。与Angular和React框架相比，Vue出现的时间较晚，但他吸取了Angular和React的教训，变得更加灵活。它不必遵循框架的规定。如果不是这样的话，开发成公司自己的元件库，转换成自己的系统会比较容易。Angular有很多工具和复杂的语法。与Angular相比，Vue.js更简单，甚至更好，代码更简单、更清晰。它们具有一些类似的功能特性，例如：1）使用虚拟DOM2）提供响应式和可组合的视图组件。3)专注于核心库，而路由和全局状态管理等问题由随附的库处理。Vue和React都使用双向数据绑定，当您使用v-model时，Vue.js中的双向数据绑定非常简单。在React中，这个过程要长得多。Vue.js更容易上手并且可以快速变得高效。它还提供了一种使用新工具和模式来简化大型代码库管理的方法。指令和组件在Vue中更清楚地分开了。指令仅封装DOM操作，而组件代表一个自给自足的独立单元——具有自己的视图和数据逻辑。在数据渲染方面，Angular依赖于对数据的脏检查，所以Watchers越多越慢。Vue.js使用基于观察的依赖跟踪和使用异步队列的更新。所有数据都是独立触发的。根据本项目是一个数据流比较多的后台管理系统，这个优化差异还是比较明显的。React依赖虚拟DOM，而Vue.js使用DOM模板。React使用的VirtualDOM会对渲染结果进行脏检查，而Vue.js在模板中提供指令、过滤器等，可以非常方便快捷的操作DOM，渲染速度也非常快。ElementUI组件是饿了么基于Vue开发的一套UI组件库。它被大量人广泛使用和维护。它是当今主流的UI框架之一。这是一种自举风格。考虑到稳定性，还是比较容易出问题的。解决方案，UI框架使用ElementUI组件。首先是环境问题。我使用Vue-cli和ElementUI组件库。最基本的Node环境我就不用说了。看这里的传送门：http://www.runoob.com/nodejs/...好了，开始项目吧。首先当然是安装一个vue#最新的稳定版$npminstallvue然后全局安装vue-cli官方命令行工具$npminstall--globalvue-cli#用webpack搭建一个自己的项目$vueinitwebpack项目名然后做一些配置，比如什么名字，版本，描述都是项目的一些相关文件然后进入对应的项目目录，安装依赖$cd项目目录$npminstall当然也可以换成createa国内镜像，使用cnpm安装依赖#启动项目$npmrundevletusgo，开始创建目录1.node_modules为项目依赖组件库，这里可以引入第三方组件。2.build将项目编译成在线项目的配置组件。3.config为项目webpack配置文件。4.dis是项目的在线文件，是通过build编译的。5.截图为UI图片，不包含在构建范围内，方便本地校对。6.src是项目的主要组件，assets是一些背景图片目录，common是通用组件目录，page是功能组件目录。7.router是vue路由跳转的配置文件目录。8.static为项目静态资源目录。保留用于构建项目。其实个人觉得一般的工程目录都可以随意搭配。例如，安装后，清空src目录。Common是一个通用的css样式库，里面封装了reset.css，或者js等样式。根据个人喜好，分配不同的项目。这也是vue项目灵活性的体现。在哪里
