vue双向绑定，axios，分页，路由，代理功能的配置和要点

写在最前：vue生命周期

(一)在vue中实现双向绑定

在vue中，一般使用v-bind:进行单向绑定，但很多时候，我们的业务需求都需要双向绑定，那么这时候我们可以使用两种方式来进行双向绑定：
首先需要使用Vue父子组件通信之$emit（基于vue2.5，ES6）,emit既可以传出现也可以传对象，方法等，传方法需要监听该方法，传对象也需要监听该对象

(1).sync方式，

父组件在标签中定义 v-bind:属性名a.sync=“属性名a”
子组件在标签中定义 v-on:[click/input]=“ e m i t ( ′ u p d a t e : v a l u e ′ , emit('update:value', emit(′update:value′,event.target.value)”
来实现双向绑定。
(2)v-model方式

子组件在标签中定义@想得到的标签名=" e m i t ( ′ i n p u t ′ , emit('input', emit(′input′,event.target.value)

父组件在标签中直接使用v-model=“属性名” 实现双向绑定

(二)在vue中配置路由

注：路由功能的实现需要导入vue和vue-router，并且使用Vue.use(VueRouter)方能实现

(三)在vue中使用axios(ajax)

(四)在vue中使用代理连接到后端服务器

注：写在核心配置文件里面，注意路径不要输错，如果实际开发中没有工程名则去掉api对应的工程名即可，修改该配置文件后必须重启

(五)在vue中实现分页

首先后端需要做的操作：

在maven中导入pagehelper插件，并在java代码中加上这几段代码

至此，后端的工作顺利完成，这里推荐postman开发工具，很好的测试工具。
前端需要做的操作：
编写分页子组件

把page和size传给父组件，再由父组件通过axios传给服务器，遍历pageInfo对象中的pages属性获得页码