vue 设置代理地址,vue项目中api的配置使用
本文主要介绍vue如何在配置代理文件中获取api地址值，有很好的参考价值。希望对大家有帮助。如有错误或不足之处，请不吝赐教。
目录
获取配置代理文件的api地址值，以显示VUE API全局API vue实例中选项实例的属性和方法的特殊属性。
获取配置代理文件的api地址值
一般在vue项目中，需要配置api的代理来调试前后台服务接口的数据。在代理文件config/index.js中，配置后台服务的IP地址，如图。
如果您想在页面上查看，请输入代理的IP地址。
然后在这个页面上介绍配置文件，找到对应的值。
从别处引进
从导入API_CONFIG./././config/index.js
使用
//console.log(api==，API _ config . dev . proxy table[/API ]。目标)
可以找到对应的值。
带你了解vue中的API
之前我们学习了Vue的全局配置，现在我们来学习Vue中的一个API。
全局API
Vue.extend( options):这个API用来创建一个“子类”，参数是一个包含组件选项的对象。用于创建组件构建器，具体解释组件注册中的Vue.set( target，key，value):用于设置Vue实例中某个对象的属性值，目标对象不能是Vue实例，也不能是Vue实例的根数据对象。让vm=new Vue({
埃尔： #app ，
数据：{
用户：{
姓名：“张三”
}
}
})
Vue.set(虚拟用户，性别，女性)
Vue.delete(target，key):用于删除Vue实例中对象的属性值。目标对象不能是Vue实例或Vue实例的根数据对象。让vm=new Vue({
埃尔： #app ，
数据：{
用户：{
姓名：“张三”
}
}
})
Vue.delete(vm.user， name )
Vue.directive( id，[definition]):用于注册或获取全局指令。在自定义指令中，详细解释了Vue.filter( id，[definition]):它用于注册或获取全局过滤器。组件过滤器里有Vue.component( id，[定义])的详细解释：注册或获取全局组件。在组件注册中，对Vue.mixin( mixin)有详细的解释：全局注册一个mixin，会影响注册后创建的所有Vue实例。除了全局混合，还有局部混合，这在组件混合中有详细解释。
Vue 实例中的选项
data:Vue实例的数据对象，用于存储数据。创建实例后，可以通过vm访问原始数据对象。$data。Vue实例还代理数据对象上的所有属性，因此访问vm.a相当于访问vm。$ data。A. Props:props可以是一个数组，也可以是一个从父组件接收数据的对象。computed:Vue实例的计算属性，用于处理data中的数据。方法：Vue实例的方法。watch:Vue实例的监听器。El:提供一个已经存在于页面上的DOM元素作为Vue实例的挂载目标。装载实例后，可以使用vm访问元素。$el。Template `:字符串模板被用作Vue实例的ID。模板将替换已安装的元素。除非模板的内容有分布槽，否则已安装元素的内容将被忽略。生命周期选项：beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、activated、deactivated、beforeDestroy、DESTROKED、errocaptured directions:Vue实例的自定义说明。filters:Vue实例的过滤器在本地注册指令时使用。组件：vue实例的组件在本地注册过滤器时使用。使用mixins:Vue实例进行组件的本地注册。使用局部混合时，这些选项是Vue实例中的常见选项。这些选项之前已经解释过了，这里只是简单总结一下。
实例属性与方法
Vue实例中有一些有用的实例属性和方法，它们是在创建实例时写在配置对象中的，并且可以通过
在前缀$后添加属性名call，以区别于用户定义的属性，例如：data，prop。
VM。$ data:Vue实例观察到的数据对象。Vm。$props:当前组件接收的props对象。VM。$ El:Vue实例vm使用的根DOM元素。$parent:父实例，如果当前实例存在。Vm。$root:当前组件树的根Vue实例。Vm。$children: vm.slots，当前实例的直接子组件：访问slot分发的内容(获取子组件中插入的内容)vm。$refs:保存所有注册了ref的子组件的对象。Vm。$attrs(为父组件中的子组件设置):它包含在父范围中不被视为(也不期望成为)属性的属性绑定(除了类和样式)。当一个组件没有声明任何props时，它将包含父作用域的所有绑定(除了class和style)，并可以通过v-bind="$ attrs "(在子组件中调用以获取父组件传入的没有在props属性中声明的属性)。vm。$on(event，callback):侦听当前实例上的自定义事件。事件可以由虚拟机触发。$emit。回调函数接收传入事件触发函数的所有附加参数。vm。$on(测试，函数(消息){
console.log(消息)
})
Vm。$emit(事件，[.args]):当当前实例上的事件被触发时，附加参数将被传递给侦听器以回调vm。$emit(test ， hi )
//=嗨
Vm。$once(事件，回调):按照vm使用。$on()，它侦听自定义事件，但只触发一次，并在第一次触发后移除侦听器。Vm。$off([event，callback]):删除自定义事件侦听器。如果没有提供参数，则移除所有事件侦听器。如果只提供了事件，则移除该事件的所有侦听器。如果同时提供了事件和回调，则仅删除该回调的侦听器。Vm。\$mount():如果Vue实例在实例化时没有收到el选项，则它处于“卸载”状态，没有关联的DOM元素。可以用vm。$mount()手动装载一个卸载的实例；参数是dom或选择器vm。$forceUpdate():强制重新呈现Vue实例。注意，它只影响实例本身和插入到槽内容中的子组件，而不是所有子组件。Vm。$destroy():完全销毁一个实例。清理它与其他实例的连接，并解除其所有指令和事件侦听器的绑定。在销毁和销毁前触发的钩子。
特殊的属性
在Vue中，除了上面的属性，还有一些特殊的属性，不是用在实例中，而是用在组件中。
关键：Vue会用一种尽量减少动态元素的方法，尽量在现场修改/重用同类型的元素。有时候为了避免直接切换元素，用key来表示唯一性，这样就不会重用元素。ref:ref用于注册元素或子组件的参考信息。引用信息将注册在父组件的refs对象上。如果用在普通的DOM元素上，引用指向DOM元素；如果用在子组件上，引用指向组件实例：- `vm。$refs.p 将是DOM节点-
你好/p
！- `vm。$refs.child 将是子组件实例-
子组件ref= child /子组件
Is:该属性仅用于动态组件。以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。