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

1.css相关

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

<style scoped>
  @import '../assets/iconfont/iconfont.css';
</style>

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在组件中使用

<script>
export default {
  name: 'HelloWorld',
  data () {},
  created: function() {
    var that = this
    that.$common.log(2222222222222)
  },
}
</script>

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

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

<script>
    import common from '../../static/common.js' //注意路径
    
export default {
  name: 'HelloWorld',
  data () {},
  created: function() {
    var that = this
    common.log(111111111)
  },
}
</script>

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