vue-加全局属性

川长思鸟来 2022-02-17 11:40 267阅读 0赞

**1.新建一个js或者vue，export default暴露出去**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0MzI2OA_size_16_color_FFFFFF_t_70]  
**2.main.js引入并设置到原型里**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0MzI2OA_size_16_color_FFFFFF_t_70 1]  
**3.通过this.$GLOBAL.（属性名/方法名） 读取到该值**  
![在这里插入图片描述][20190419152312786.png]  
**4.打印结果**  
![在这里插入图片描述][20190419152437363.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0MzI2OA_size_16_color_FFFFFF_t_70]: /images/20220217/23c2a29ab19f40e7b64e20d2f1e24ec8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk0MzI2OA_size_16_color_FFFFFF_t_70 1]: /images/20220217/79cc1a9b22ee470a8891dba6061dcff1.png
[20190419152312786.png]: /images/20220217/1deba0efb5d74930b22fe9b38543fbeb.png
[20190419152437363.png]: /images/20220217/202c7e665cda4dc4ae2208d2ddfea8ef.png

发表评论取消回复

表情：

评论列表（有 0 条评论，267人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 属性前面加不加:的区别

> 在 Vue 中，使用 \`:\` 冒号可以方便地进行数据绑定，以动态地将数据绑定到元素的属性上。在属性前添加了 \`:\` 号后，Vue 会将该属性作为 JavaScrip

秒速五厘米/ 2024年03月16日 17:36/ 0 赞/ 33 阅读

相关 HTML 全局属性

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBAVHdjYXRMX3RyZWU_size_2

Love The Way You Lie/ 2023年10月01日 15:28/ 0 赞/ 17 阅读

相关 Vue 3 全局注册属性与方法

Vue 3 全局注册属性与方法文章目录 Vue 3 全局注册属性与方法 1、在 main.ts 文件中全局注册 2、在组件中调用

叁歲伎倆/ 2023年09月26日 20:17/ 0 赞/ 145 阅读

相关 Vue3.0挂载方法，添加全局属性

根据官方文档描述 `app.config`是一个包含了 Vue 应用全局配置的对象。你可以在应用挂载前修改其属性，方法。 `main.js` // 之前(Vu

古城微笑少年丶/ 2022年12月31日 14:23/ 0 赞/ 427 阅读

相关 Vue：通过Vue.prototype定义原型属性实现全局变量

如果需要设置全局变量，但不想污染全局作用域。这种情况下，可以通过在main.js中，Vue实例化的代码里通过添加了原型属性实现全局变量，使其在每个 Vue 的实例中可用。

墨蓝/ 2022年12月27日 12:56/ 0 赞/ 281 阅读

相关 vue 全局封装loading加载(全局监听)

前言：为了页面美观，请求接口的时候延迟没有数据，页面感觉狠卡顿，封装loading，请求接口成功后隐藏掉（我这是用的vant 组件根据自己情况进行改变）。第一步：

红太狼/ 2022年12月07日 15:08/ 0 赞/ 246 阅读

相关 HTML全局属性

全局属性：所有HTML元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。 ![5e1b248fe5cd1cc1a7421284688676a7.png]

末蓝、/ 2022年11月17日 05:54/ 0 赞/ 231 阅读

相关新增全局属性

contenteditable ![20171115232212094][] 代码： <!doctype html> <html> <h

谁借莪１个温暖的怀抱￠/ 2022年06月05日 03:09/ 0 赞/ 255 阅读

相关 vue-加全局属性

1.新建一个js或者vue，export default暴露出去 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shado

川长思鸟来/ 2022年02月17日 11:40/ 0 赞/ 268 阅读

相关 springboot全局属性

\ =================================================================== \ COMMON SPRING

偏执的太偏执、/ 2021年11月04日 11:28/ 0 赞/ 429 阅读