Vue知识随笔

• Z时代
• 2024-01-10
• 分类：综合

全局参数

1.global.js 先定义常量参数

const BASE_URL = \'http://xxxx.xxxx.com/api\';
export default {
	BASE_URL
}

2.main.js 在main.js里面创建全局参数

import global from \'./../static/config/global\';
Vue.prototype.GLOBAL = global;

3.vue页面内

this.GLOBAL.BASE_URL

$refs(vue $refs的基本用法)##

<div id="app">
    <input type="text" ref="input1"/>
    <button @click="add">添加</button>
</div>
this.$refs.input1.value ="22"; //this.$refs.input1减少获取dom节点的消耗

一般来讲，获取DOM元素，需document.querySelector（".input1"）获取这个dom节点，然后在获取input1的值。

但是用ref绑定之后，我们就不需要在获取dom节点了，直接在上面的input上绑定input1，然后$refs里面调用就行。

然后在javascript里面这样调用：this.$refs.input1 这样就可以减少获取dom节点的消耗了

获取路由内参数

{
  path: \'/proDetail/:id\',
  name: \'ProDetail\',
  component: ProDetail
}
this.productId = this.$route.params.id;

获取链接中参数

http://m.xxxx.com/#/latestPlan?chn=app
this.$route.query.chn

以上是 Vue知识随笔 的全部内容， 来源链接： utcz.com/z/374784.html