携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第3天，点击查看活动详情
这篇文章将会带来这个图书管理系统的类规范 vue项目真是个好东西啊，对于后端开发来说，前端或多或少的都需要了解一些，而vue将HTML进行封装，后端开发者能更好的去使用。
vue在此项目的地位
vue站前端页面的主导地位。我主要通过vue+ajax的方式进行表单的验证，通过vue+ajax十分简便，连接到后端进行后端的操作也十分简便。掌握vue的基本使用能更快更好的完成项目设计。
vue的使用
首先先在script界面中导入
<script src="Js/vue.js"></script>
<script src="Js/axios-0.18.0.js"></script>
再在HTML界面中通过div导入vue项目的名称，这样子就可以开始使用辣。
vue中的定义(我理解的)
根据我做项目以来的理解
data(){
return{
book:{}
}
是可以用v-model来接收参数的值，也可以通过ajax来请求获得到相应的数据(前提是需要在vue中的data处定义好数据)。在ajax中，可以通过get方法或者是post方法获得到相应的数据。
mounted() {
则表示页面在加载完成前应该进行的渲染。比如在图书类别首页，得呈现出数据库数据的值，那么就得通过连接后端再连接数据库来获取得到，并且得在页面加载完成前。因此，在mounted中写对应的ajax拿到数据，这样在访问页面时就有相应的数据呈现。
methods:{
这里面则通过定义各种方法，像是点击事件等等。通过@click来绑定vue中的方法。方法中也能调用方法，可以通过return接收返回值，在其他方法中调用该方法并接收该返回值也是完全OK的。总之，在使用vue的过程中，我已经从开始的啥都看不懂到现在配合ajax的流畅使用。在这个过程中，我还一度想转前端呢，因为vue实在是太好玩了。
