Vue批量全局引入js及对应方法

在正确位置创建自己的js文件，比如src下创建一个utils.js文件

里面创建多个方法，比如：parseTime、getFileType

在 main.js 中引入，添加

在需要用到的组件中，果断抽出来遛一遛

let fileType = this.$utils.getFileType(this.fileUrl)

common.js 文件

common.js 文件

common.js 文件

common.js 文件

common.js 文件

main.js 文件

common.js 文件

main.js 文件

common.js 文件

main.js 文件

common.js 文件

main.js 文件

vue中引入在线JS(链接型的js、url类型的js)

vue项目中引用并使用本地js

mounted() {

  const s = document.createElement('script')

  s.type = 'text/javascript'

  s.src = '你的需要的js文件地址'

  document.body.appendChild(s)

}

export default {

  components: {

    'remote-js': {

      render(createElement) {

        return createElement(

          'script',

          {

            attrs: {

              type: 'text/javascript',

              src: '你的需要的js文件地址',

            },

          },

        )

      },

    },

  },

}

---