zoukankan      html  css  js  c++  java
  • vue添加全局的js工具类

    在使用vue进行前端开发的时候,会需要往全局添加一个js的工具类,方便组件可以随时调用。

    可以分为三个步骤:

    1.建立js文件并输出带方法属性的对象。

    export default {
      // 初始化分页
      iLikeYanggb() {
        console.log('i like yanggb')
      }
    }

    2.在main.js文件中将上面带方法属性的对象挂载到vue中。

    import yanggbsUtil from '../static/js/util.js'
    Vue.prototype.$yanggbsUtil = yagggbsUtil

    这里的import语句是导入文件到对象,而第二条语句才是将对象挂载到vue中。

    3.在页面调用全局工具类中的方法。

    this.$yanggbsUtil.iLikeYanggb()

    这样就会在控制台输出【i like yanggb】了,开心不开心。

    "和你们这些少爷小姐不同,我们光是活着就已经竭尽全力了。"

  • 相关阅读:
    登录注册功能
    29-----BBS论坛
    linux笔记
    nginx,uwsgi发布web服务器
    linux常用服务部署
    linux系统基础优化及常用命令
    linux基本操作命令
    linux命令
    linux基础
    阿里云服务器搭建
  • 原文地址:https://www.cnblogs.com/yanggb/p/12763996.html
Copyright © 2011-2022 走看看