一、Vue引入外部JS文件
Vue是一个渐进式JavaScript框架,在Vue中我们不可避免要引入其他JS文件。以vue-cli3为例,在项目的入口main.js中,通过import 引入其他JS文件:
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './assets/css/reset.css'
import './assets/js/common.js'
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
上述代码中,我们引入了reset.css和common.js两个JS文件。
二、Vue引入外部JS链接
在Vue中,我们也可以通过引入外部JS链接来使用其他JS文件。以Vue构建的SPA项目为例,我们可以在public/index.html文件中,通过script标签引入其他JS链接:
vue-vant-demo
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.27.0/moment.min.js"></script>