开启新篇章由于之前的工作，很少接触后台页面的开发，所以对于传统的mvvm框架或者mvvm-像框架。笨拙的语法、对关注点分离原则的违背、复杂页面交互的实现，都阻碍了我接触和使用它。过去，我维护了一个使用旧版本的knockout.js开发的项目。当时的感觉真是难以形容。我一度认为这是前端开发的一种窒息。但是这一切，在慢慢接触到vue之后，得到了一定程度的提升。说实话，直到现在，我仍然认为在前端页面的开发中，尤其是交互复杂的前端页面的开发中，使用这个框架，包括Vue.js，是一个非常糟糕的选择。不过在后台页面的开发中，使用vue还是很香的，尤其是可以节省很多代码，大大降低了开发和维护成本。对于ui框架，我几乎是这样的感觉。前端页面的定制化程度普遍较高，少量的定制化需求可能会使ui框架的使用成本非常高。对于零星的改动，需要搜索框架的源码，了解如何在不增加代码维护成本的情况下，做出满足需求的改动。后台页面很少有这种问题。使用ui框架可以大大提高开发效率。由于工作需要，在部分项目的框架选择中，最终敲定了vue-cli3和element-ui。在此，记录和分享一些内容，供自己和大家参考。1.环境安装1.1@vue/clinpminstall-g@vue/cli//oryarnglobaladd@vue/cli使用如下命令验证是否安装成功：vue--version1.2element-uivue-cli3使用element-ui不需要安装额外的全局npm包，只需要在创建的vue项目中安装相应的插件即可。2、项目创建2.1@vue/cli使用如下命令创建项目：vuecreateapp-name如果配置项目，可以根据需要选择。2.2element-ui在项目中，按照以下方式安装element-ui插件：在vue添加元素配置中，可以选择按需导入组件，也可以完全导入，根据个人需要选择。在安装element之前，请不要更改App.vue，因为安装element时App.vue将更改为其默认页面。3、环境配置这里主要说说指南针的配置。习惯用compass解决css3样式的前缀问题，所以想在项目中引入compass。在.vue文件的
