Js 引入外部js

• 最近用Vue做项目，遇到一个可服用的类，所以抽出来一个外部单独类，每次要用到的时候需要引用使用即可，这大大的节省了代码量。跟Java公共类一样，节省代码复用。
• 项目做得是一个日期下拉框选择器，是从1980年到今年，肯定不能写一个数组从1980到2018 ，更何况你明年怎么办，重新加一个2019再发布吗？
• 首先写一个公共js类

var mixin = {
 methods: {
   initYears() {
     /*eslint-disable*/
     const end = new Date().getFullYear()
     let years = []
     for (let i = end; i >= 1980; i--) {
       years.push({ value: i, label: i + '年' })
     }
     years.unshift({ value: '', label: '全部' })
     return years
   }
 }
}
export default mixin

• 这是从1980年到今年的 js类，放在years数组里面，方法名字是intiYears（Vue项目，所cript以有一个methods方法，不懂得可以查看Vue相关知识），
• 之后就是在其他用到的类里面引用此Js

// ***.Vue
<script>
 import mixin from '@/mixin'
 
 export default {
   mixins: [mixin],
   created() {
     this.form.formData.years = this.initYears()
   },
   data() {
   //........代码跟这个没用省略
}，
   methods: {
   //......代码无用 省略
}
   }
   </script>

• 首先improt引用外部类，将mixin引入，这时候仅仅是引入，并不能拿来用，然后是mixins:[mixin] 方法混入，因为 公共js类里面有methods方法，Vue结构里面也有一个methods方法，所以要混入进去才能用公共类里面的方法
• 混入进去时候 就可以调用this.initYears() 方法使用。

前端小白，做项目过程中总结的技术和防止遗忘的经验，有问题的可以私聊我更改，谢谢大家支持