VUEの問題どの外部JSの導入やJSファイルの読み込みに問題順番(要素は、まだページにレンダリングされていない、JSの要素を取得していません)

最初は二つの問題が導入されたかの質問です:

まず: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 }       //很重要 要暴露出去

おすすめ

転載: www.cnblogs.com/panghu123/p/11706542.html