vue中使用es6导入对象，调用对象的方法失败

Question

需要导入的js文件

export const utils = {
  // 验证是否为手机号
  checkPhone (phone) {
    var myreg = /^[1][3,4,5,7,8][0-9]{9}$/
    if (!myreg.test(phone)) {
      return false
    } else {
      return true
    }
  },
}

vue文件中

<script>
import utils from '../utils/utils.js'
export default {
  data () {
    return {
      phoneNum: ''
    }
  },
  methods: {
    checkPhone () {
      // 在此处调用对象中的方法
      console.log(utils.checkPhone(this.phoneNum))
    },
  },
}
</script>

页面报错

不知道是哪一步出现了问题

Answer 1

import { utils } from '../utils/utils.js'

Answer 2

export default 替换 export

Answer 3

const utils = {
  // 验证是否为手机号
  checkPhone (phone) {
    var myreg = /^[1][3,4,5,7,8][0-9]{9}$/
    if (!myreg.test(phone)) {
      return false
    } else {
      return true
    }
  },
}
export default utils;