美文网首页
Vue中如何定义全局函数

Vue中如何定义全局函数

作者: 董董董董董董董董董大笨蛋 | 来源:发表于2017-06-30 10:27 被阅读0次
  • 方法一:
    //在mian.js中写入函数
Vue.prototype.changeData = function (){
  alert('执行成功');
}

//在所有组件里可调用函数

this.changeData();
  • 方法二:
    // 写好自己需要的base.js文件
exports.install = function (Vue, options) {
    Vue.prototype.changeData = function (){
        alert('执行成功');
    };
};

// main.js 引入并使用

import base from './base'
Vue.use(base);

//在所有组件里可调用函数

this.changeData();

目录结构:

image.png

相关文章

  • vue全局变量

    在vue项目中 如何定义全局变量 全局函数 - CSDN博客

  • Vue中如何定义全局函数

    方法一://在mian.js中写入函数 //在所有组件里可调用函数 方法二:// 写好自己需要的base.js文件...

  • Vue 中如何定义全局的变量和常量(转)

    https://segmentfault.com/a/1190000010168571 Vue 中如何定义全局的变...

  • vue.js 核心知识点七

    目录 - 7.1 vue项目中,定义全局函数 全局变量 - 7.2 Vue axios 给开发环境和生产环境配置不...

  • Vue指令钩子函数

    Vue指令上篇文章有讲过了,现在分析Vue指令钩子函数。 自定义指令 全局定义:Vue.directive( ' ...

  • Vue 源码-Component

    全局组件在源码中如何定义的下图是Vue 初始化全局方法,其中包括 component,filter,directi...

  • Vue获取验证码倒计时封装

    定义公共/全局函数timeCountdown 在vue中使用 1、template 2、data 3、comput...

  • vue过滤器(filter)

    vue中可以自定义过滤器,用于{{插槽}}和v-bind表达式。 全局定义(1) 全局方法 Vue.filter(...

  • vue 的全局API

    vue 的全局API:在构造器外部用vue提供给我们的API函数来定义新的功能 vue2.0_Vue.direct...

  • Vue 自定义指令

    Vue自定义指令 定义 通过directive方法,配合钩子函数及参数定义指令 定义全局自定义指令 定义局部自定义...

网友评论

      本文标题: Vue中如何定义全局函数

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