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

57 阅读 0 评论 38 点赞

我是靠谱客的博主怕黑小懒猪，这篇文章主要介绍如何抽离.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～～～

以上就是怕黑小懒猪最近收集整理的关于如何抽离.vue文件中的js代码的全部内容，更多相关如何抽离.vue文件中内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。