如何抽离.vue文件中的js代码

背景：vue项目，每个.vue文件都由template js css 三部分组成，那么，如何把js单独分离出来一个js文件，怎么样引入到.vue文件中有效？？

解决方法：

1. navar.js

export default {
  data () {
    return {
    }
  },
  mounted () {
    console.log(this.$store.state.username)    // test
  }
}
复制代码

2. navbar.vue

import navbarJs from  '../assets/js/navbar.js'
export default {
  ...navbarJs
}
复制代码

酱紫就大功告成了！！页面分分钟打印出来 test～～～