有时候就会遇到组件配合使用的情况，然后就整理了一下，后面大家需要的话可以直接拿去使用。

项目开发中组件的封装可以减少代码的重复率，简化页面的逻辑与代码的整洁，没人会喜欢一个两、三千行的代码文件，难开发不说，维护起来更加困难，对下个开发者来说，不敢更改之前“复杂的代码”，只会越改越多，第三个开发者就“*，**，***”。然而，如果你封装了一个两千行的组件，那你还不如写一个三千行的文件，二者没有任何区别。组件，何为组件，组件就是给开发者带来遍历的模块，我们可以理解为组件就是一个外部“纯粹

在vue项目开发中，我们进行数据请求时，往往使用axios进行数据的请求，但原生的axios可能对项目的适配不太友好，所以需要进一步的封装。一、封装axios实例 —— request.js//引入axiosimport axios from 'axios'import { Message } from 'element-ui'//创建一个新的axios实例const service = axio

process对象是一个全局变量，提供了有关当前Node.js进程的信息并对其进行控制。常用于Vue项目中环境区分，对不同环境的配置不同，例如：根据全局变量区分请求的url地址、是否开始eslint、不同环境的特殊配置等等。可以在项目中新建js文件，输出process，得到一个配置对象。

nodejs+vue+element+eachers构建开源项目大型连续剧（1）搭建nodejs服务器,下一集预告：安装mysql数据库，在nodejs服务器中操作数据库数据

第一步将自分支的代码提交的远程第二步切换到主分支第三步右键需要合并的子分支将其合并到当前分支，然后推送就可以了

在项目开发中遇到一个需求，用户登录完成后，需要根据用户信息去发送另一个请求获取数据，当每次进入这个页面的时候都需要再次调用更新接口，所以在生命周期，页面显示的时候再次触发了这个方法，用户进入首页，会调用两次接口，一次是初始化获取用户信息后.then去触发获取数据的接口，一个是页面显示生命周期去调用这个接口，因为.then的缘故页面显示接口先调用，但没有获取到用户信息，所以会报错。解决：页面我们可以

post和put的第二个参数直接为data，第三个参数为config，但是delete第二个参数为config，所以传值时需要借助config中data字段，用data携带过去。

项目介绍：vue2搭建。项目通过amfe-flexible与postcss-pxtorem实现移动端适配；通过Vant ui作为项目的组件库；通过Vuex管理数据状态，进行模块化管理；通过Vue Router配置项目路由，进行模块化管理；封装axios进行数据的请求，以及一些页面逻辑的交互和简单的代码说明。项目地址：h5-vant联系博主：如有问题可联系博主=》QQ：1596892941VX：we

除了核心功能默认内置的指令 ( 和 )，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。三、自定义指令的钩子函数直接取自Vue官网，因为自己说不了那么细（Vue官网-自定义指令）可以通过value和arg进行数据的传递，达到动态的效果...