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

46 阅读 0 评论 31 点赞

我是靠谱客的博主怕黑小懒猪，最近开发中收集的这篇文章主要介绍如何抽离.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文件中的js代码所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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