没有合适的资源?快使用搜索试试~ 我知道了~
前言 本文主要跟大家介绍了关于Vue定义全局变量与常量的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: 我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入. 尝试1: 创建 global.js 并且在其中定义 let a = 10; 在入口文件中引入 global.js import './global.js' 在项目中使用: a // 报错 发现报错了, a 并没有定义. 为什么? 这个涉及到模块作用域: 1 每一个 js 都相当于一个模块, 一个模块有自己的模块作用域. 意思就是说: 其中的变量方法, 都只在这个
资源详情
资源评论
资源推荐
Vue中定义全局变量与常量的各种方式详解中定义全局变量与常量的各种方式详解
前言前言
本文主要跟大家介绍了关于Vue定义全局变量与常量的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详
细的介绍:
我想要定义一个变量, 在项目的任何地方都可以访问到, 不需要每一次使用的时候, 都引入.
尝试尝试1:
创建 global.js 并且在其中定义
let a = 10;
在入口文件中引入 global.js
import './global.js'
在项目中使用:
a // 报错
发现报错了, a 并没有定义. 为什么?
这个涉及到模块作用域这个涉及到模块作用域:
1 每一个 js 都相当于一个模块, 一个模块有自己的模块作用域.
意思就是说: 其中的变量方法, 都只在这个模块上面生效.
尝试尝试2:
将变量放到 Vue.prototype 上面, 通过插件全局引入
创建 global.js, 这样写:
let a = 10;
export default {
install () {
Vue.prototype.$a = a;
}
}
在 入口文件中引入:
import G from './global'
Vue.use(G);
在项目中使用:
this.$a
的确可以, 但是这样的方式并不好, 在任何 this 不指向 Vue 的地方, 你都没有办法使用这个变量.
尝试尝试3:
将变量放到 window 对象上面
创建 global.js
window.a = 10;
在入口文件中引入
import './global.js'
weixin_38603204
- 粉丝: 3
- 资源: 973
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0