温馨提示×

vue中如何将变量赋值

vue
养鱼的猫咪
3912
2021-05-11 13:26:15
栏目: 编程语言

在vue中给变量赋值的方法:1.新建common.vue文件,并定义变量;2.创建vue.js项目;3.使用import方法导入变量;4.执行代码赋值使用变量;

vue中如何将变量赋值

具体步骤如下:

1.首先,新建一个common.vue文件,并在文件中定义一个全局变量;

const httpUrl = 'http://39.105.17.99:8080/'

function commonFun() {

console.log("globalHttpUrl")

}

2.变量定义好后,在vue-cli中创建一个vue.js项目;

vue create project-name

3.vue.js项目创建好后,在项目中使用import方法导入变量;

import global from './common.vue'

4.最后,变量导入好后,在项目中执行以下代码即可赋值使用变量;

export default {

data () {

return {

username: '',

password: '',

globalHttpUrl: global.httpUrl

}

},

0