Vue 加载外部js文件

Posted weifeng-888

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue 加载外部js文件相关的知识,希望对你有一定的参考价值。

Vue.js  加载外部js文件

在项目内新建一个config.js

 

//变量的定义

 

export var config = {

    baseurl:‘http://172.16.114.5:8088/MGT2‘

  }

 

  //函数的定义

 

  export function formatXml(text) {

    return text

  }

 

 

 

使用外部的js

 

<script>

 

        import {config,formatXml} from ‘../static/config.js‘

 

 

      export default {

        data () {

          return {

 

            message:‘hello world 你好‘,

            tlist:[{text:‘汽车‘},{text:‘面包‘},{text:‘牛奶‘}],

            flag:1,

            num:9,

            datalist:[{name:‘汽车‘,num:0},{name:‘电脑‘,num:0},{name:‘手机‘,num:0}]

         

          }

        },

        //初始化方法

        mounted:function(){

 

            console.log(config[‘baseurl‘]);

            console.log(formatXml(123));

 

        }

 

        }

      }

</script>

以上是关于Vue 加载外部js文件的主要内容,如果未能解决你的问题,请参考以下文章

无法用spring加载外部脚本js文件

如何在 vue.js 应用程序中访问外部 json 文件对象

如何在我的组件VUE 2(webpack)中加载外部js文件?

Vue项目优化-通过externals加载外部CDN资源

使用vue学习three.js之创建动画-使用外部模型创建动画,使用Blender导出的JSON模型创建动画

如何在.vue文件中引入外部js