在实验室管理中，资产管理占有很大的比重，随着社会经济的飞速发展，新旧设备更新迭代的速度这几年呈几何式增长，随之而来的问题就是旧的设备还在使用，新的设备也不断加入，管理这些设备资产变得非常繁琐。管理员除了要对设备进行入库、出库登记，做好设备移动位置、设备借还的记录，还要每天检查设备的安放位置，每年还要应对检查，占用了大量的时間和精力。本文中的资产管理软件就是基于这个需求而开发的。
　　介绍开发软件
　　1. Vue
　　Vue是vue.js的简写，从后缀的js我们可以看出这是一款js框架。在前端开发中框架非常之多，因为人们对网页界面的要求越来越高，基础的Html+Css+JavaScript的嵌套已经无法满足程序开发的需要，目前市面上常用的网页几乎都是使用框架处理。如果不使用框架来编程网页也可以，但只适用于测试或者学习，商用的话用户对界面功能的要求校多，且需要不断改动，所以一款好用的框架是每个程序员的刚需。
　　2. Element
　　Element是饿了么公司开发的一款前端UI组件库，Element和Vue处理的事情不相同，element只负责图形界面的设计和展示，而Vue更像一个电脑里面的系统，负责协调各个组件的运行和最终的项目发布。
　　3.基本框架
　　本次开发的资产管理系统是一个部署到服务器的网页代码，用户不需要安装，随时打开浏览器输入网址就可以操作，网页还是响应式的，也就是说可以使用手机打开，界面会自动调整到合适手机的字体大小，操作界面也符合手机的操作习惯。
　　本项目的编写语言以Html，Css，JavaScript为基础，然后导入Vue总框架，在Vue上再导入element框架。操作界面结构分为当前资产、历史数据和设置菜单3个部分。
　　项目搭建
　　1.创建Vue工程
　　Vue只能在命令输入框输入指令执行操作，创建命令的指令是vue create manage，其中manage是工程名字，这样在当前的目录下就会创建了一个叫做manage的文件夹，里面包含了项目所需要的各种文件，这样的好处是不用自己到处创建文件夹然后再到官网下载依赖文件。
　　Vue使用的是JavaScript语言，其中主要文件包括main.js这个文件是整个框架的开端，在main.js里面，要引入其他的组件，并将Vue整个对象实例化，就是new Vue（），并且在里面传入初始值，要绑定DOM的id。
　　Vue是属于数据驱动型的，相比之前使用的Html+Css+JavaScript，它不需要通过查找对应的DOM修改数值，直接修改数据DOM里面的数值就会发生变化，大大提高了开发者的效率。
　　2.引入element组件库
　　在main.js中通过import element from‘element’，Vue.use（ElementUI）引入element插件，这样的话就可以在其他模板中使用element组件。
　　首先在html区域写入一个div标签，然后再script位置对标签进行初始化，就可以引入组件了。初始化的函数是：echarts. init（document.getElementById（’main2’）），其中main2是div的id名称。通过这方式，我们先后引入了布局容器组件、导航菜单组件及表格组件。然后通过修改各个菜单里面的文字标签，显示正确的文字。图1为软件在element的加持下展示的样子，界面很友好大方。

　　本文的资产管理软件根据实际的需求出发，很好地解决了资产管理人员在实际工作遇到的问题，把繁琐、重复的事情交给计算机处理，使用者只需要关注自己的录入工作，大大提高了效率，管理软件中的统计功能可以让使用者直观地看到资产的总体情况，以及资产每天的变动情况。