最初は二つの問題が導入されたかの質問です:
まず:JSファイルフォルダには、コンポーネントを配置することはできません
方法A:アセンブリ内で直接参照
`import swiper from './swiper.js'`
方法2:グローバルレジスタ参照
function aa(){
console.log("11");
}
export { one }
import one from './common/js.js';
Vue.prototype.ss=one;
this.ss.aa(); //在需要的地方使用
特定の順序でJSローディング方法:
方法:負荷のjsファイルclickOneイベントは同等です走ります
コード内のコンポーネント:
<script>
import {one} from '../js/one.js' //接收js内暴露的对象
export default {
data () {
return {
testvalue: '11'
}
},
methods:{
clickOne:function(){
one(); //运行
}
}
}
</script>
コード内one.js:
function ss() {
console.log('1111111111');
}
export { one } //很重要 要暴露出去
方法2:と同様の方法でmounted
フック関数内で呼び出します
<script>
import {one} from '../js/one.js' //接收js内暴露的对象
export default {
data () {
return {
testvalue: ''
}
},
mounted(){
clickOne:function(){
one(); //运行
}
}
}
</script>
コード内one.js:
function ss() {
console.log('1111111111');
}
export { one } //很重要 要暴露出去