vue+ts全局变量

1、创建公共文件存放全局变量global.ts(文件名可以自定义)

// echarts颜色
const echartsColor: string[] = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];
export default {echartsColor
};

2、在main.ts文件中引入

// 全局引入变量文件
import globalData from "./constants/global";
Vue.prototype.$globalData = globalData;

3、在shims-vm.d.ts文件中引入

import Vue from 'vue';
declare module 'vue/types/vue' {// 来声明全局属性interface Vue {$globalData: any,}
}

4、使用

this.$globalData.echartsData

vue+ts全局变量相关推荐

vue 保存全局变量_Vue+Typescript起手式
TypeScript是什么? TypeScript 是一种由微软开发的自由和开源的编程语言.它是 JavaScript 的一个超集,TypeScript 在 JavaScript 的基础上添加了可选的 ...
vue脚手架全局变量可以是变量吗_Vue.js2 全局变量的设置方法
Vue.js2 全局变量的设置方法发布于 2020-2-24| 复制链接下面小妖就为大家分享一篇vue2 全局变量的设置方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小妖过来看看吧最近在 ...
创建Vue+TS+Ant Design of Vue 项目
创建Vue+TS+Ant Design of Vue 项目创建项目选择配置运行项目安装 ant-design-vue 安装 babel-plugin-import 使用VS Code打开配置 ...
Vue -Ts入门 (一)
本文章,是个人第一次尝试利用vue-cli3(事实更新vue-cli4),从头开始,加入typeScript.如果有出处,欢迎指正.共同成长. 本文是做vue+ts;不会对原vue做过多的说明,如果有 ...
【Vue】全局变量的定义及使用
首先声明Vue使用全局变量的方法有很多,以下只是个人觉得比较简洁的2种.其中两者的第一步操作相同,即: 创建全局变量文件Global.vue,内容如下: <script>const nam ...
vue+ts项目中import图片时报错Cannot find module ‘xxx‘ or its corresponding type declarations
TS项目中import图片时报错Cannot find module 'xxx' or its corresponding type declarations 在vue+ts项目中使用import的形 ...
Vue ts 项目实战
Vue ts 项目实战首先,没装vue-cli的,可以使用下列任一命令安装这个新的包: npm install -g @vue/cli # OR yarn global add @vue/cli 安 ...
仿有赞后台+vue+ts+vuecli3.0+elementUi 集合看这篇就够了
前言最近尝试了vue+ts的组合个人感觉vue对于ts并没有特别的像angular2这样的友好,但是对于ts和js之间个人还是选择ts的.语法糖来说es6简直舒爽,下面我详细介绍下怎么使用ts+vu ...
vscode Vue ts 自定义模板
vscode Vue ts 自定义模板首先打开vscode选择用户片段选择vue.json {// Place your snippets for vue here. Each snippet i ...

vue+ts全局变量

1、创建公共文件存放全局变量global.ts(文件名可以自定义)

2、在main.ts文件中引入

3、在shims-vm.d.ts文件中引入

4、使用

vue+ts全局变量相关推荐

最新文章

热门文章