vue-cli 2.x 项目模板文件说明（七）全局函数篇

本文为vue/cli 2.x 脚手架下src目录中的util.js 项目结构参照vue-cli 2.x项目模板文件说明（一）整体结构篇

全局函数设置

exports.install = function (Vue, options) {
  // 控制书籍介绍字数
  Vue.prototype.controlText = (str, len) => {
   return str.length > len ? str.substring(0, len) : str
   }
  // 去除字符两端空格
  Vue.prototype.trim = str => {
    return str.replace(/(^\s*)|(\s*$)/g, '')
  }
  // 多个函数时依次往下写
}

*.vue文件中调用

<script>
export default {
 methods: {
   control () {
     let str = 'aaaaaaa'
     return this.controlText(str, 5)
   }
 }
}
</script>