在vue里面设置全局变量或数据的方法

 更新时间:2018年03月09日 15:32:23   作者:fighting_sunnyGirl  
下面小编就为大家分享一篇在vue里面设置全局变量或数据的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

实例如下:

const MyPlugin = {
 // install方法是必需的
// // 包含两个参数:Vue 构造器,一个可选的选项对象

 install(Vue, options) {

  Vue.prototype.test = "test" ;
  Vue.prototype.wechat = "my wechat!";

 }
};
export default MyPlugin

此方法可以单独起一个文件,在引入到需要的页面里面,就可以用vue实例取到相应数据,像以下use后,取数据时和取每个模块里面的data里面的数据方法是一样的

import MyPligin from './**/api'; //引入全局变量 
Vue.use(MyPligin); 

以上这篇在vue里面设置全局变量或数据的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • 解决新建一个vue项目过程中遇到的问题

    解决新建一个vue项目过程中遇到的问题

    这篇文章主要介绍了解决新建一个vue项目过程中遇到的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue3.x源码剖析之数据响应式的深入讲解

    vue3.x源码剖析之数据响应式的深入讲解

    这篇文章主要给大家介绍了关于vue3.x源码剖析之数据响应式的相关资料,在讲解过程中,我们会对比Vue2.x的API特性,使用有哪些区别,需要的朋友可以参考下
    2022-01-01
  • vue实现样式之间的切换及vue动态样式的实现方法

    vue实现样式之间的切换及vue动态样式的实现方法

    这篇文章主要介绍了vue中如何实现样式之间的切换及vue动态样式的实现方法,本文给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2017-12-12
  • vue3+ts+axios+pinia实现无感刷新方式

    vue3+ts+axios+pinia实现无感刷新方式

    这篇文章主要介绍了vue3+ts+axios+pinia实现无感刷新方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • vue中动态出来返回的时间秒数(在多少秒显示分、小时等等)

    vue中动态出来返回的时间秒数(在多少秒显示分、小时等等)

    这篇文章主要给大家介绍了关于vue中动态出来返回的时间秒数(在多少秒显示分、小时等等)的相关资料,文中通过代码示例介绍的非常详细,对大家学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • vue面包屑组件的封装方法

    vue面包屑组件的封装方法

    这篇文章主要为大家详细介绍了vue面包屑组件的封装方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 页面刷新后Vuex状态丢失的完整解决方案

    页面刷新后Vuex状态丢失的完整解决方案

    当页面刷新时,Vuex 的 state 数据会丢失,这是因为 Vuex 的状态存储在内存中,刷新浏览器会重置 JavaScript 的运行环境,下面我将详细介绍几种解决方案,从简单到复杂,帮助你根据项目需求选择最适合的方法,需要的朋友可以参考下
    2025-04-04
  • 解决vue 路由变化页面数据不刷新的问题

    解决vue 路由变化页面数据不刷新的问题

    下面小编就为大家分享一篇解决vue 路由变化页面数据不刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • Vue中如何实现在线预览word文件、excel文件

    Vue中如何实现在线预览word文件、excel文件

    这篇文章主要介绍了Vue中如何实现在线预览word文件、excel文件,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07
  • 手把手教你使用electron将vue项目打包成exe

    手把手教你使用electron将vue项目打包成exe

    Electron相当于一个浏览器的外壳,可以把现有的vue程序嵌入到壳里面,下面这篇文章主要给大家介绍了关于如何使用electron将vue项目打包成exe的相关资料,需要的朋友可以参考下
    2023-01-01

最新评论