vue如何引入外部js文件，待解决，急！！！

html中用<script src="https://mas.spdb.com.cn/public/scripts/app.upchat.js"></script>引入js,在.vue文件中怎么引入？

<template>
	<div>
		<!-- <h1 v-on:click="goNext()">调到组件</h1> -->
		<remote-script src="https://mas.spdb.com.cn/public/scripts/app.upchat.js"></remote-script>
		<button v-on:click="clickMe()">点我</button>
	</div>
</template>

<script>
import $ from 'jQuery';
import Vue from 'vue'
Vue.component('remote-script', {
    render: function (createElement) {
        var self = this;
        return createElement('script', {
            attrs: {
                type: 'text/javascript',
                src: this.src
            },
            on: {
                load: function (event) {
                    self.$emit('load', event);
                },
                error: function (event) {
                    self.$emit('error', event);
                },
                readystatechange: function (event) {
                    if (this.readyState == 'complete') {
                        self.$emit('load', event);
                    }
                }
            }
        });
    },
    props: {
        src: {
            type: String,
            required: true
        }
    }
});
export default {
	methods:{
		clickMe(){
			alert(UPCHAT.M.isNative());
		}
	}
}
</script>

这样不对，应该怎么写？