2.vue引入外部js和css文件

1.css相关

1.全局引入,在main.js中引入import './assets/iconfont/iconfont.css' //注意'./'一定要加不然会报错
2.局部引入,在组件中


2.js相关

1.在全局上使用

1.0在static文件中新建common.js

var log = console.log.bind(console)

//12.06新增,导出需要的js文件
export default {
    log,
}

1.1在src/main.js

//第一种全局引入js: 
import common from '../static/common.js' //注意路径
Vue.prototype.$common = common

1.2在组件中使用


2.在组件中使用(建议在组件中引用,防止污染全局)

2.2在src/components/HelloWorld.vue组件中使用


备注:以上都是使用vue-cli构建的项目,文件目录详见官网

你可能感兴趣的:(2.vue引入外部js和css文件)