背景：vue项目，每个.vue文件都由template js css 三部分组成，那么，如何把js单独分离出来一个js文件，怎么样引入到.vue文件中有效？？
解决方法：
1. navar.js
复制代码
1
2
3
4
5
6
7
8
9
10
export default {
data () {
return {
}
},
mounted () {
console.log(this.$store.state.username) // test
}
}
复制代码2. navbar.vue
复制代码
1
2
3
4
5
import navbarJs from '../assets/js/navbar.js'
export default {
...navbarJs
}
复制代码酱紫就大功告成了！！页面分分钟打印出来 test～～～
最后
以上就是怕黑小懒猪最近收集整理的关于如何抽离.vue文件中的js代码的全部内容，更多相关如何抽离.vue文件中内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复