美文网首页Vue.js
Vue 添加全局方法

Vue 添加全局方法

作者: 钱英俊真英俊 | 来源:发表于2019-05-31 10:33 被阅读0次

某个方法需要频繁用到,又不想每次都引入,用Plugin一次引入,多地调用,棒棒哒

1. 创建方法
  • src下新建plugin文件夹,用来存放插件
  • 比如想调用的方法名为$toTop,新建toTop.js,编写方法(全局方法最好用$开头)
export default {
  install (Vue, options) {
    Vue.prototype.$toTop = function () {
      console.log('Plugin Test')
    }
  }
}

2. 添加到Vue全局方法中

  • main.js中引入,添加
// 插件
import ToTop from './plugin/toTop' // 引入
Vue.use(ToTop) // 添加

3. 使用

  • 然后就可以在组件中自由使用啦
 mounted () {
    this.$toTop()
}
So easy ~

相关文章

  • Vue 插件开发指南

    Vue插件的编写方法一般有下面几种: 添加全局方法或者属性,如: vue-custom-element 添加全局资...

  • Vue 插件

    插件,通常用来为Vue 添加全局功能。引用官方文档Vue插件 使用插件 通过全局方法Vue.user()使用插件。...

  • 24. 插件

    插件通常为vue添加全局功能,一般有以下几种: 添加全局方法或者属性 添加全局资源——指令,过滤器,过渡等等 通过...

  • Vue 插件

    Vue 插件 插件通常会为 Vue 添加全局功能。插件的范围没有限制——一般有下面几种:添加全局方法或者属性,如:...

  • vue添加全局方法

    更多内容、学习方法,前端技术,请关注公众号:【web前端教室】回复:资料,得到一整套【JavaScript核心与实...

  • Vue 添加全局方法

    某个方法需要频繁用到,又不想每次都引入,用Plugin一次引入,多地调用,棒棒哒 1. 创建方法 src下新建pl...

  • ElementUI中MessageBox弹窗回调函数实例

    1.使用前提 全局方法 如果你完整引入了 Element,它会为 Vue.prototype 添加如下全局方法:m...

  • vue插件学习

    vue的插件通常是用来添加全局功能, 插件按功能分一般有: 1、添加全局方法或属性 2、添加全局属性:指令、过滤器...

  • Vue插件(一)添加全局方法或全局属性

    前言 Vue中添加插件最简单的方式,就是直接给Vue添加一个全局的静态方法或变量; 一个Vue项目中,Vue是唯一...

  • Vue 插件及Vue.use源码分析

    插件 插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种: 添加全局方法或者属性...

网友评论

    本文标题:Vue 添加全局方法

    本文链接:https://www.haomeiwen.com/subject/xsnwzqtx.html