Vue.js

第一种：在main.js中直接注册 缺点：如果我们需要注册的全局组件非常多，我们需要一个一个引入，然后分别调用Vue.component方法，main.js文件会变的很大，不好维护。 第二种：使用插件

目录 一、为什么要封装请求 二、创建axios实例并导出 三、接口的封装 四、接口在页面的调用 五、补充内容（跨域请求需配置代理） 一、为什么要封装请求 小型的项目是完全可以不封装的，中大型项目非常建

1、.sync修饰符可以实现子组件与父组件的双向绑定，并且可以实现子组件同步修改父组件的值。 2、当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。如果我们不用.sync，也

一、ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上 vue中如果父组件想调用子组件的方法，可以在子组件中加上ref，然后通过this.$refs.ref.metho

效果图： 给表格设置row-class-name属性 然后在methods里面写下如下代码 在style里面写下“success-row”类的样式 避坑

本文实例为大家分享了vue实现导航栏下拉菜单的具体代码，供大家参考，具体内容如下 先看效果： 下拉菜单铺满全屏 方法一：鼠标移入移出事件 使用的是vue的 transition组件以及鼠标事件@mou

用到的就是插槽 二，什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 三，单个插槽

分页分为前端分页和后端分页，前端分页是先获取所有数据前端再来分页。性能不好 后端分页就是把数据传给后端，后端返回当前页相应的数据 后端分页： 在表格</el-table>后面加上分页代码，如果是其他的

elementui中的menu菜单如何完全收缩进去;elementui中的menu菜单如何完全收缩进去

``` //定义插槽 占位 //使用插槽 ``` ``` aaa bbb ccc 111 222 333 ```

VUE中在for循环中给每一项设置动态style背景图 VUE项目中时常会有需求，对一个数组进行循环渲染，并对其中的每一项给不同的背景图片。 首先考虑用到动态style，根据循环中的index变化改变

1. 什么是 uuid ?    uuid 指 通用唯一识别码 2. 为什么要用 uuid ? 在v-for、el-tree、el-table中要指定唯一key时，可以使用 3. uuid 怎么在 v

一、环境准备 安装node.js 参考： 这里我们不再使用传统的方法去安装nodejs，而是使用nvm来安装nodejs。 二、搭建vue环境 1、全局安装vue-cli 这里注意：安装vue-cli

elementui的 menu(菜单)样式修改包含hover;实际项目中，直接粘贴进去先，再根据自己的实际需求修改相应颜色即可

1、在app.vue created中打印this.$route 获取不到值 2、在app.vue中使用watch

示例1： 示例2： 示例3： 示例4： 示例5：（顺带总结了判断对象是否为空） 示例6：当后端返回的数组是字符串形式时 示例7(重点)： 示例8： 示例9： 示例10：style中使用三元运算符 示例

Vue中动态绑定class样式Vue中动态绑定class样式给循环出来的元素添加不同的class样式

使用 header-cell-style 实现效果：使用 header-cell-style 实现效果：使用 header-cell-style 实现效果：

在项目根目录下新建三个文件，分别是 .env.development(开发环境) .env.production(生产环境) .env.test(测试环境) 三个文件的各自内容如下： .env.dev