vue 引入外部CSS和JS

<template>

  <div class="pace-top bg-white">

  </div>

</template>

    import "@/assets/plugins/jquery-ui/jquery-ui.min.css";

    import "@/assets/plugins/bootstrap/css/bootstrap.min.css";

    import "@/assets/plugins/font-awesome/css/all.min.css";

    import "@/assets/plugins/ionicons/css/ionicons.min.css";

    import "@/assets/plugins/animate/animate.min.css";

    import "@/assets/css/apple/style.min.css";

    import "@/assets/css/apple/style-responsive.min.css";

    import "@/assets/css/apple/theme/default.css";

    import "@/assets/js/apps.min.js"

<style scoped>

  /**

  * 引入外部css

  */

    @import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';

</style>

<script>

export default {

  name: 'Login',

  /**

  * 引入外部js

  */

  mounted: function () {

    var s = document.createElement('script')

    s.type = 'text/javascript'

    s.src = 'https://z1-pcok6.kuaishangkf.com/bs/ks.j?cI=736107&fI=138249&ism=1'

    document.body.appendChild(s)

  }

}

</script>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。