vue项目环境变量配置的实现方法
1、})，这样在项目任意文件中都能调用process.env.NODE_ENV变量，本人测试过，process并不是挂载在window变量上，猜测可能是挂载到了node的process变量。在运行脚本编译项目的时候，会根据变量值的不同，设置不同的baseUrl。
2、如官方文档所说，通过为.env文件增加后缀来设置某个模式下特有的环境变量。我这里有5个环境，所以配置了5个.env文件。
3、可以看到，在 index.js 文件中包含服务器 host 和 port 以及入口文件的相关配置，默认启动端口是 8080 ，这里可以进行修改。index.html 的内容很简单，主要是提供一个 div 给 vue 挂载。
vue定义全局变量,以及方法的调用
vue0设置全局变量的源码如下：VUE介绍：Display Options显示选项：包括线框显示选项框，填充框，线框，平面阴影和平滑阴影。每个对象及显示窗口均可以对这些选项进行单独设置。
} 然后在调用全局变量的vue的html中加入：{{ this.defines.name }} 就可以显示全局变量了。修改的方法为：在调用全局变量的vue的script中加入：this.defines.setname(小强)console.log(this.defines.name)就能修改了。
Vuex也可以设置全局变量 定义全局函数 原理 新建一个模块文件，然后在main.js里面通过Vue.prototype将函数挂载到Vue实例上面，通过this.函数名，来运行函数。
Vue笔记-1.data和props的区别
1、在组件内的data对象中创建一个props属性的副本 因为result不可写，所以需要在data中创建一个副本myResult变量，初始值为props属性result的值，同时在组件内所有需要调用props的地方调用这个data对象myResult。
2、注意：props是只读的，不能修改（ 解决办法： 在data中对props接收到的数据进行中转）。data： 定义组件的数据。注意：Vue实例的data选项可以是一个对象，也可以是一个方法，由该方法返回一个对象。
3、属性是内部成员的安全通道，可以限制访问方式，比如只读；也可以设置关卡，比如年龄 18 且 年龄 60的才可以通过。
4、类似这种的，取对象子级下面的值，就报了undefined。原因应该是在初始传值，最多默认 data={}。我尝试在props里设置好默认值，但是依然报错 这么设置的props：这么设置，依然报错。
5、props - 不可变的组件参数 context - Vue3 暴露出来的属性（emit，slots，attrs）所以在 Vue3 接收与使用props就会变成这样：举例，现在我们想在点击提交按钮时触发一个login的事件。
6、在实例创建之后，可以用 vm.$data 访问原始数据对象。Vue 实例也代理了数据对象所有的属性。在定义组件时，同一定义将创建多个实例，此时 data 必须是一个函数，返回原始数据对象。
vue定义全局指令和局部指令
1、在vue2中，全局自定义指令通过 directive 挂载到 Vue 对象上，使用Vue.directive(name，opt)。inserted 是钩子函数，在绑定元素插入父节点时执行。
2、Vue自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id， [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。
3、全局指令可以在任何Vue实例的模板中使用。局部注册是在Vue实例的选项对象中使用directives选项进行注册，局部注册的自定义指令只能在该实例绑定的视图中使用。
4、类似组件可以全局注册和局部注册，使用 derective 注册。
vue中定义一个变量获取table的显示行数
给“统计”这个按钮添加一个点击事件：代码： 统计 在中的methods添加方法。Vue是一套用于构建用户界面的渐进式JavaScript框架。
首先，我们全局引入ant-design-vue，本文简称为antd，为蚂蚁金服推出的一款UI组件，在main.js中添加即可。下面我们使用antd的表格组件，在dom元素中定义表格相关属性及数据的来源信息等。
index 位置（从0开始计数），基本语法为：$(selector).index()。因此当前 tr 的 index 可以得到行数，当前 td 的 index 可以得到列数。
背景：因为element里面的扩展行支持多行展示扩展行，但接到了需求，只能展示一行，如：第一行扩展，点击第二行的时候，第一行收起，第二行展开。