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>
这样不对,应该怎么写?