在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里面设置全局变量或数据的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了react里组件通信的几种方式小结,包含了5种方式,主要是props传递,回调函数作为props,Context,Redux或MobX,refs,具有一定的参考价值,感兴趣的可以了解一下2024-06-06
Vue读取本地静态.md并侧边栏导航跳转、展示.md文件的操作方法
这篇文章主要介绍了Vue读取本地静态.md并侧边栏导航跳转、展示.md文件,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-08-08
这篇文章主要为大家详细介绍了vue.js实现简单计时器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要为大家详细介绍了vue组件实现发表评论功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
Vue中使用定时器(setInterval、setTimeout)的两种方式
js中定时器有两种，一个是循环执行 setInterval，另一个是定时执行 setTimeout，这篇文章主要介绍了Vue中使用定时器 （setInterval、setTimeout）的两种方式,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了Vue表单输入绑定的示例代码，本文使用v-model指令在表单input创建双向数据绑定，非常具有实用价值，需要的朋友可以参考下2018-11-11
当我们谈论Vue的组件扩展时,经常会遇到mixin和extends这两个关键词,它们提供了一种有效的方式来共享和重用组件逻辑,本文将深入探讨Vue中mixin和extends的使用方法,并详细探讨它们的覆盖逻辑,以便你在实际项目中能够更好地应用它们2023-08-08
vue-cli提供的脚手架只是一个最基础的，也可以说是Vue团队认为的工程结构的一种最佳实践。这篇文章主要介绍了vue-cli的工程模板与构建工具 ,需要的朋友可以参考下2018-09-09
Vue3使用Echarts导致tooltip失效问题及解决方法
Vue3 使用 proxy 对象代理,而 echarts 则使用了大量的全等（===）, 对比失败从而导致了bug,这篇文章主要介绍了Vue3使用Echarts导致tooltip失效问题及解决方法,需要的朋友可以参考下2023-08-08
watch 函数是 Vue.js 提供的一个强大工具,用于响应数据变化并执行相应的回调,通过合理使用 watch 函数,我们可以实现异步数据请求、表单验证、动态样式等多种功能,这篇文章主要介绍了Vue.js 的 watch函数,需要的朋友可以参考下2024-08-08
最新评论